j-Scrollbar

jComponent 20 · jcomponent@20 component Exemplu încărcat cu jComponent 20

IMPORTANT: Încărcă conținutul curent prin adăugarea a două elemente de div cu poziția relative. __Acest lucru funcționează numai cu jComponent v17.

Configurarea:

parent {String} selector pentru un element parental, poate conține window (default: undefined)
visibleX {Boolean} afișează întotdeauna scrollbarul orizontal (default: false)
visibleY {Boolean} afișează întotdeauna scrollbarul vertical (default: false)
offset {Boolean} adaugă offset.top din acest element (default: false)
reset {Boolean} reîntoarce poziția dacă path este modificat (default: true)
margin {Număr} o marjă pentru toate tipurile de afișări (default: 0)
marginxs {Număr} o marjă pentru ecranele XS (default: 0)
marginsm {Număr} o marjă pentru ecranele SM (default: 0)
marginmd {Număr} o marjă pentru ecranele MD (default: 0)
marginlg {Număr} o marjă pentru ecranele LG (default: 0)
track {String} poate urmări numai căi definite, de exemplu, FIELD1,FIELD2,FIELD3, căile vor fi legate cu component.path

Metode:

component.reset() reîntoarce poziția la 0,0
component.scrollleft(val) înclinare X
component.scrolltop(val) scrolluri și
component.scrollright(val) scurtează X de la dreapta
component.scrollbottom(val) scrolls Y din partea inferioară
component.scroll(x, y) scrolls X, și
component.resize() rezizează containerul (reacționează automat la evenimentele resize)

Utilizați-l cu <ui-component name="scrollbar">Când componenta nu este încă încărcată, jComponent Descărcați-l la prima utilizare de la adresa DEF.fallback (în cazul Componentator Autor: Peter Širka. sursă: Componentator Componente de stocare, MIT licență.

example.html

<ui-component name="scrollbar" style="background-color:rgba(100,100,100,0.05);height:200px;width:300px" class="hidden" data-jc-class="hidden">
	<div>1</div>
	<div>2</div>
	<div>3</div>
	<div>4</div>
	<div>5</div>
	<div>6</div>
	<div>7</div>
	<div>8</div>
	<div>9</div>
	<div>10</div>
	<div>1</div>
	<div>2</div>
	<div>3</div>
	<div>4</div>
	<div>5</div>
	<div>6</div>
	<div>7</div>
	<div>8</div>
	<div>9</div>
	<div>10</div>
	<div>1</div>
	<div>2</div>
	<div>3</div>
	<div>4</div>
	<div>5</div>
	<div>6</div>
	<div>7</div>
	<div>8</div>
	<div>9</div>
	<div>10</div>
	<div>1</div>
	<div>2</div>
	<div>3</div>
	<div>4</div>
	<div>5</div>
	<div>6</div>
	<div>7</div>
	<div>8</div>
	<div>9</div>
	<div>10</div>
</ui-component>