ForgeComponente
ro

Componente

j-NoScrollbar

jComponent 20 · jcomponent@20 component Exemplu încărcat cu jComponent 20
  • Acest component este ceva ca j-ViewBox fără un scrollbar nativ/custom

Configurarea:

  • parent {String} opțional, un container cu înălțime fixă, poate fi windowValoarea deficitară: parent elementului .
  • minheight {Număr} o înălțime minimă în pixeli (default: 0 - dezactivat)
  • delay {Număr} msec. resizează caseta din nou dacă valoarea este schimbată în funcție de cale (default: 100)
  • scrollto {String} se întoarce automat la partea superioară/finală dacă path este modificat (default: EMPTY, poate fi top sau bottom)
  • margin {Număr} opțional, o marjă de sus/de jos împreună (suporturi auto care este calculat de la offset.top, în mod implicit: 0)
  • marginxs {Număr} opțional, o marjă superioară / inferioară împreună pentru lățimea ecranului xs
  • marginsm opțional, o marjă superioară / inferioară împreună pentru lățimea ecranului sm
  • marginmd opțional, o marjă superioară / inferioară împreună pentru lățimea ecranului md
  • marginlg opțional, o marjă superioară / inferioară împreună pentru lățimea ecranului lg
  • invisible {Boolean} dacă true apoi vizualizare stabilește clasa invisible atunci când este rendering (default: true)
  • initdelay {Numărul} îndepărtează clasa inivisible după timpul specificat (default: 250 ms)

Metode:

  • component.scrolltop(val) scrolluri și
  • component.scrollbottom(val) scrolls Y din partea inferioară
  • component.resize() rezizează containerul (reacționează automat la evenimentele resize)

Utilizați-l cu <ui-component name="noscrollbar">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
<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>