ForgeComponents
el

Components

j-NoScrollbar

jComponent 20 · jcomponent@20 component Παράδειγμα φορτωμένο με jComponent 20
  • Αυτό το συστατικό είναι κάτι σαν το j-ViewBox χωρίς γνήσιο / προσαρμοσμένο στρολ μπαρ

ΕΠΙΤΡΟΦΗ:

  • parent {String} προαιρετικά, ένα δοχείο με σταθερό ύψος, μπορεί να είναι windowΗ υποτιθέμενη αξία: parent Το στοιχείο.
  • minheight {Αριθμός} ελάχιστο ύψος σε pixels (προεπιλογή: 0 - απενεργοποιημένο)
  • delay {Σύνολος} msec. επαναλαμβάνει το πλαίσιο εάν η τιμή αλλάξει σύμφωνα με τη διαδρομή (προεπιλογή: 100)
  • Το scrollto {String} περιστρέφεται αυτόματα προς τα πάνω/κάτω εάν το path αλλάξει (προεπιλεγμένο: EMPTY, μπορεί να είναι top ή bottom)
  • margin {Αριθμός} προαιρετική, μια κορυφή / κάτω περιθώριο μαζί (υποστήριξη auto η οποία υπολογίζεται από offset.top, προεπιλογή: 0)
  • marginxs {Σύνολο} επιλεκτικά, ένα επάνω/κάτω περιθώριο μαζί για το πλάτος οθόνης xs
  • marginsm προαιρετική, μια κορυφαία / κάτω περιθώριο μαζί για το πλάτος οθόνης sm
  • marginmd προαιρετική, μια κορυφαία / κάτω περιθώριο μαζί για το πλάτος οθόνης md
  • marginlg προαιρετική, μια κορυφαία / κάτω περιθώριο μαζί για το πλάτος οθόνης lg
  • invisible {Boolean} αν το true στη συνέχεια θέτει την τάξη invisible όταν είναι η αναπαραγωγή (προεπιλεγμένη: true)
  • initdelay {Συνολικά} αφαιρεί την τάξη inivisible μετά από καθορισμένο χρόνο (προεπιλεγμένη: 250 ms)

Μέθοδοι:

  • component.scrolltop(val) Σκάλες Y
  • component.scrollbottom(val) στροφές Y από την κάτω πλευρά
  • component.resize() αναζωογονεί το δοχείο (αποδίδει αυτόματα σε γεγονότα resize)

Χρησιμοποιήστε το με <ui-component name="noscrollbar">Όταν το στοιχείο δεν έχει φορτωθεί ακόμα, jComponent Κατεβάστε το για πρώτη φορά από τη διεύθυνση DEF.fallback (Η Componentator Συγγραφέας: Peter Širka. πηγή: το Componentator Ετικέτες Αξιολόγηση, MIT άδεια.

example.html
<div style="width:300px;height:300px;background-color:#F5F5F5">
	<ui-component name="noscrollbar" config="parent:parent" class="invisible">
		BEGIN
		<div style="height:1000px;background-color:red"></div>
		END
	</ui-component>
</div>