ForgeComponents
el

Components

j-ViewBox

jComponent 20 · jcomponent@20 component Παράδειγμα φορτωμένο με jComponent 20
  • Διατηρεί ένα σταθερό ποσοστό
  • Εξαιρετική χρήση για εφαρμογές intranet
  • Υποστήριξη releasing

ΕΠΙΤΡΟΦΗ:

  • height {Number} Το ποσοστό του ύψους
  • disabled {Boolean} επιλογή, μπορεί να απενεργοποιήσει το περιεχόμενο με το στρώμα
  • parent {String} επιλογή, ένα δοχείο με σταθερό ύψος, μπορεί να είναι windowΗ υποτιθέμενη αξία: parent Το στοιχείο.
  • minheight {Number} ελάχιστο ύψος σε pixels (προεπιλεγμένο: 0 - απενεργοποιημένο)
  • Το scroll {Boolean} επιτρέπει την κάθετη στρογγυλοποίηση (προεπιλεγμένη: false - απενεργοποιημένη)
  • scrollbar {Boolean/String} εμφανίζει το στρολ μπαρ (προεπιλεγμένο: true ή new: native)
  • Το delay {Number} msec. επαναλαμβάνει το κουτί εάν η τιμή αλλάξει σύμφωνα με τη διαδρομή (προεπιλογή: 100)
  • Το visibleY {Boolean} εμφανίζει ακόμα το στρογγυλό φράγμα Y (προεπιλεγμένο: false)
  • Το visibleX {Boolean} εμφανίζει ακόμα το στρογγυλό φράγμα X (προεπιλεγμένο: false)
  • Το scrollto {String} περιστρέφεται αυτόματα στην κορυφή / κάτω εάν το path αλλάξει (προεπιλεγμένο: EMPTY, μπορεί να είναι top ή bottom)
  • margin {Number} προαιρετική, μια κορυφαία / κάτω περιθώριο μαζί (υποστήριξη auto η οποία υπολογίζεται από offset.top, προεπιλογή: 0)
  • marginxs {Number} προαιρετική, μια κορυφαία / κάτω περιθώριο μαζί για το πλάτος οθόνης xs
  • marginsm προαιρετική, μια κορυφαία / κάτω περιθώριο μαζί για το πλάτος οθόνης sm
  • marginmd προαιρετική, μια κορυφαία / κάτω περιθώριο μαζί για το πλάτος οθόνης md
  • marginlg προαιρετική, μια κορυφαία / κάτω περιθώριο μαζί για το πλάτος οθόνης lg
  • invisible {Boolean} αν το true στη συνέχεια θέτει την τάξη invisible όταν είναι παραδοσιακό (προεπιλεγμένο: true)
  • scrollbarshadow {Boolean} αν το true τότε οι προσαρμοσμένες στροφές θα περιέχουν κάθετη σκιά (προεπιλεγμένη: false)
  • Το initdelay {Number} αφαιρεί την τάξη inivisible μετά από καθορισμένο χρόνο (προεπιλεγμένο: 250 ms)
  • Το centered {Boolean} επιτρέπει την κάθετη και οριζόντια συγκέντρωση για το περιεχόμενο (προεπιλεγμένο: false)
  • resizedelay {Number} καθυστέρηση για επαναφορά (προεπιλεγμένη: 200)
  • NEW: togglescrolled {String} ένα επιλεκτικό DOM για τα γονικά στοιχεία (προσαρμόζει την τάξη ui-viewbox-scrolled όταν το κουτί προβολής είναι στρογγυλοποιημένο)

Μέθοδοι:

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

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

example.html
<ui-component name="viewbox" config="height:30;parent:window" style="background-color:#F5F5F5">
	Always 30%
</ui-component>
<ui-component name="viewbox" config="height:70;parent:window" style="background-color:#E0E0E0">
	Always 70%
</ui-component>