# j-ViewBox

> j-ViewBox: behoudt een vast percentage hoogte; geweldige gebruik voor intranet-toepassingen

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: nl
Content-SHA256: 1fb71d9875ce20f6826bd5a3b6ec9c89ee05ec7d1b16f770b6cb0bac1c101161
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

- Houd een vaste percentage
- Goed gebruik voor intranet applicaties
- Ondersteunt `releasing`

__Configuratie__:

- `height {Number}` een percentage hoogte
- `disabled {Boolean}` optioneel, kan inhoud met de laag uitgeschakeld worden
- `parent {String}` Een container met een vaste hoogte kan `window`De standaardwaarde: `parent` Het element.
- `minheight {Number}` een minimale hoogte in pixels (default: `0` - ingeschakeld)
- `scroll {Boolean}` maakt verticale scrolling mogelijk (default: `false` - ingeschakeld)
- `scrollbar {Boolean/String}` toont scrollbar (default: `true` of __new__: `native`)
- `delay {Number}` `msec.` resecteert de doos opnieuw als de waarde wordt gewijzigd volgens de route (default: `100`)
- `visibleY {Boolean}` toont nog steeds de `Y` scrollbar (default: `false`)
- `visibleX {Boolean}` toont nog steeds de `X` scrollbar (default: `false`)
- De `scrollto {String}` draait automatisch naar boven/bottom als de `path` is gewijzigd (de standaard: `EMPTY`, kan `top` of `bottom`)
- `margin {Number}` optioneel, een top/bottom marge samen (de ondersteuning van `auto` dat is geteld vanaf `offset.top`, standaard: `0`)
- `marginxs {Number}` optioneel, een top/bottom margin samen voor `xs` scherm breedte
- `marginsm` optioneel, een top/bottom margin samen voor `sm` scherm breedte
- `marginmd` optioneel, een top/bottom margin samen voor `md` scherm breedte
- `marginlg` optioneel, een top/bottom margin samen voor `lg` scherm breedte
- `invisible {Boolean}` als `true` dan de bekijkbox stelt de klasse `invisible` wanneer het wordt gepresenteerd (default: `true`)
- `scrollbarshadow {Boolean}` als `true` dan de aangepaste scrollbars verticale schaduw (default: `false`) bevatten
- `initdelay {Number}` verwijdert de `inivisible`-klasse na een bepaalde tijd (default: `250` ms)
- `centered {Boolean}` zorgt voor verticale en horizontale concentratie van de inhoud (de standaard: `false`)
- `resizedelay {Number}` vertraging voor resisatie (default: `200`)
- __NEW__: `togglescrolled {String}` een DOM-selector voor de moederelementen (het voegt de klasse `ui-viewbox-scrolled` toe wanneer de bekijkenbak wordt getransformeerd)

__Methoden__:

- `component.scrolltop(val)` scrolls en
- `component.scrollbottom(val)` scrolls Y van de onderkant
- `component.resize()` reageert op de container (het reageert automatisch op de gebeurtenissen van `resize`)
- `component.resizescrollbar()` resiseren aangepaste scrollbar (gericht op speciale gevallen)

Gebruik het met `<ui-component name="viewbox">`Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in `DEF.fallback` (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

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