# j-ViewBox

> j-ViewBox: håller en fast procentsats höjd; bra användning för intranet-applikationer

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: sv
Content-SHA256: 201c35a089142a279aefe64a1985507619a44de01aae80684d9f6531bb9874ae
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

- Håller en fast procentsats
- Bra användning för intranet-applikationer
- Stöd för `releasing`

__Konfigurera__:

- `height {Number}` en procentsats av höjd
- `disabled {Boolean}` valfritt, kan inaktivera innehåll med lager
- `parent {String}` Alternativt, en behållare med fast höjd kan vara `window`Förfalskad värde: `parent` Element är.
- `minheight {Number}` en minimal höjd i pixlar (default: `0` - inaktiverad)
- `scroll {Boolean}` möjliggör vertikal snurrning (default: `false` - inaktiverad)
- `scrollbar {Boolean/String}` visar scrollbar (default: `true` eller __new__: `native`)
- `delay {Number}` `msec.` återställer rutan om värdet ändras enligt vägen (default: `100`)
- `visibleY {Boolean}` Visar fortfarande `Y` Skärmbar (default är `false`)
- `visibleX {Boolean}` Visar fortfarande `X` Skärmbar (default är `false`)
- `scrollto {String}` snurrar automatiskt till toppen/bunden om `path` ändras (default: `EMPTY`, kan vara `top` eller `bottom`)
- `margin {Number}` valfritt, en topp/bottom marginal tillsammans (stödjer `auto` som räknas från `offset.top`, standard: `0`)
- `marginxs {Number}` valfritt, en topp/bottom marginal tillsammans för `xs` skärmbredd
- `marginsm` valfritt, en topp/bottom marginal tillsammans för `sm` skärmbredd
- `marginmd` valfritt, en topp/bottom marginal tillsammans för `md` skärmbredd
- `marginlg` valfritt, en topp/bottom marginal tillsammans för `lg` skärmbredd
- `invisible {Boolean}` om `true` sedan visas i `invisible` klass när det är rendering (default: `true`)
- `scrollbarshadow {Boolean}` om `true` då de anpassade skruvarna kommer att innehålla vertikal skugga (default: `false`)
- `initdelay {Number}` tar bort `inivisible` efter den angivna tiden (default: `250` ms)
- `centered {Boolean}` möjliggör vertikal och horitonal fokusering för innehållet (default: `false`)
- `resizedelay {Number}` försening för återställning (default: `200`)
- __NEW__: `togglescrolled {String}` en DOM-selektor för föräldralementen (det bifogar `ui-viewbox-scrolled`-klassen när synskåpet är spårad)

__Metoder__:

- `component.scrolltop(val)` skruvar och
- `component.scrollbottom(val)` skruvar Y från botten
- `component.resize()` återställer behållaren (det reagerar automatiskt på `resize` händelser)
- `component.resizescrollbar()` återställer anpassad skruvbar (målad för speciella fall)

Använd den med `<ui-component name="viewbox">`När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i `DEF.fallback` (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

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