# j-NoScrollbar

> j-NoScrollbar: tento komponent je niečo ako j-ViewBox bez natívneho/vlastného posúvača

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: sk
Content-SHA256: 6b1914e59481efccd1405a419c88cc4ce7d73a3bf29d9866792afde669714020
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

- Táto zložka je niečo ako `j-ViewBox` bez domáceho / vlastného skrínača

__Konfigurácia__:

- `parent` {String} voliteľne, kontajner s pevnou výškou, môže byť `window`Podvodná hodnota : `parent` a prvkov
- `minheight` {Číslo} minimálna výška v pixeloch (predvolená: `0` - vypnutá)
- `delay` {Číslo} `msec.` opäť revízi pole, ak sa hodnota mení podľa trasy (predvolené: `100`)
- `scrollto` {String} sa automaticky prechádza na vrchol / spod, ak sa `path` mení (predvolené: `EMPTY`, môže byť `top` alebo `bottom`)
- `margin` {Číslo} voliteľné, vrchná / spodná hranica spolu (podporuje `auto` ktorý je počítaný z `offset.top`, predvolené: `0`)
- `marginxs` {Číslo} voliteľné, vrchná / spodná hranica spolu pre šírku obrazovky `xs`
- `marginsm` voliteľné, horný/dolný okraj spolu pre šírku obrazovky `sm`
- `marginmd` voliteľné, horný/dolný okraj spolu pre šírku obrazovky `md`
- `marginlg` voliteľné, horný/dolný okraj spolu pre šírku obrazovky `lg`
- `invisible` {Boolean} ak `true` potom zobrazenie nastaví triedu `invisible` pri renderovaní (predvolené: `true`)
- `initdelay` {Číslo} odstraňuje triedu `inivisible` po stanovenom čase (predvolené: `250` ms)

__Metódy__:

- `component.scrolltop(val)` zvitky Y
- `component.scrollbottom(val)` roluje Y zo spodnej strany
- `component.resize()` zmení veľkosť kontajnera (automaticky reaguje na udalosti `resize`)

Použite ho so `<ui-component name="noscrollbar">`. Keď komponent ešte nie je načítaný, jComponent ho stiahne pri prvom použití z adresy v `DEF.fallback` (predvolene CDN Componentator). Autor: Peter Širka. Zdroj: úložisko komponentov Componentator, licencia MIT.

```html example.html
<div style="width:300px;height:300px;background-color:#F5F5F5">
	<ui-component name="noscrollbar" config="parent:parent" class="invisible">
		BEGIN
		<div style="height:1000px;background-color:red"></div>
		END
	</ui-component>
</div>
```