# j-ViewBox

> j-ViewBox: διατηρεί ένα σταθερό ποσοστό ύψους. μεγάλη χρήση για εφαρμογές intranet

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: el
Content-SHA256: 5569e10b9aa335f6d05254fd17d655e99d8afc7c7830d2c2ccd0dc96fe7ed5b6
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

- Διατηρεί ένα σταθερό ποσοστό
- Εξαιρετική χρήση για εφαρμογές 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 άδεια.

```html 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>
```
