ForgeKomponensek
hu

Komponensek

j-NoScrollbar

jComponent 20 · jcomponent@20 component Példa betöltve a jComponent 20-szal
  • Ez az összetevő olyan, mint a j-ViewBox anyanyelvi/custom scrollbar nélkül

konfiguráció:

  • parent {String} opcionális, rögzített magasságú tartály, lehet windowAz alapértelmezett érték: parent Az elem.
  • minheight {Number} a minimális magasság pixelekben (default: 0 - nem engedélyezett)
  • delay {Number} msec. újra megváltoztatja a dobozot, ha az érték az útvonal szerint változik (default: 100)
  • A scrollto {String} automatikusan áramlik a felső/alacsonyra, ha a path megváltozik (az alapértelmezett: EMPTY, lehet top vagy bottom)
  • margin {Number} opcionális, a felső/alatti margin együtt (a auto támogatása, amely a offset.top-től számolódik, alapértelmezett: 0)
  • marginxs {Number} opcionális, egy felső/alatti margin együtt a xs képernyő szélessége
  • marginsm opcionális, egy felső/alatti margin együtt a sm képernyő szélessége
  • marginmd opcionális, egy felső/alatti margin együtt a md képernyő szélessége
  • marginlg opcionális, egy felső/alatti margin együtt a lg képernyő szélessége
  • invisible {Boolean} ha a true akkor a megjelenítési doboz beállítja a invisible osztályt, amikor a renderelés (default: true)
  • initdelay {Number} eltávolítja a inivisible osztályot a meghatározott idő után (az alapértelmezett: 250 ms)

módszerek:

  • component.scrolltop(val) forgatás és
  • A component.scrollbottom(val) az alsó oldalról
  • component.resize() újrahasznosítja a tartályt (a resize eseményekre automatikusan reagál)

Használja a <ui-component name="noscrollbar">Amennyiben a készülék még nem tölthető le, jComponent letöltés az első felhasználásra a címről DEF.fallback (Azt a Componentator A szerző: Peter Širka. forrás: a Componentator Az összetevők raktár, MIT licenc.

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>