j-ViewBox
- Διατηρεί ένα σταθερό ποσοστό
- Εξαιρετική χρήση για εφαρμογές 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}προαιρετική, μια κορυφαία / κάτω περιθώριο μαζί για το πλάτος οθόνηςxsmarginsmπροαιρετική, μια κορυφαία / κάτω περιθώριο μαζί για το πλάτος οθόνηςsmmarginmdπροαιρετική, μια κορυφαία / κάτω περιθώριο μαζί για το πλάτος οθόνηςmdmarginlgπροαιρετική, μια κορυφαία / κάτω περιθώριο μαζί για το πλάτος οθόνηςlginvisible {Boolean}αν τοtrueστη συνέχεια θέτει την τάξηinvisibleόταν είναι παραδοσιακό (προεπιλεγμένο:true)scrollbarshadow {Boolean}αν τοtrueτότε οι προσαρμοσμένες στροφές θα περιέχουν κάθετη σκιά (προεπιλεγμένη:false)- Το
initdelay {Number}αφαιρεί την τάξηinivisibleμετά από καθορισμένο χρόνο (προεπιλεγμένο:250ms) - Το
centered {Boolean}επιτρέπει την κάθετη και οριζόντια συγκέντρωση για το περιεχόμενο (προεπιλεγμένο:false) resizedelay {Number}καθυστέρηση για επαναφορά (προεπιλεγμένη:200)- NEW:
togglescrolled {String}ένα επιλεκτικό DOM για τα γονικά στοιχεία (προσαρμόζει την τάξηui-viewbox-scrolledόταν το κουτί προβολής είναι στρογγυλοποιημένο)
Μέθοδοι:
component.scrolltop(val)Σκάλες Ycomponent.scrollbottom(val)στροφές Y από την κάτω πλευρά- Το
component.resize()αναζωογονεί το δοχείο (αποδίδει αυτόματα στα γεγονότα τουresize) component.resizescrollbar()επαναπροσαρμοσμένη γραμμή στρογγυλείας (προορίζεται για ειδικές περιπτώσεις)
Χρησιμοποιήστε το με <ui-component name="viewbox">Όταν το στοιχείο δεν έχει φορτωθεί ακόμα, jComponent Κατεβάστε το για πρώτη φορά από τη διεύθυνση DEF.fallback (Η Componentator Συγγραφέας: Peter Širka. πηγή: το Componentator Ετικέτες Αξιολόγηση, MIT άδεια.
<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>