ForgeKomponensek
hu

Komponensek

j-ViewBox

jComponent 20 · jcomponent@20 component Példa betöltve a jComponent 20-szal
  • Állandó százalékos magasságban
  • Nagy használat az intranet alkalmazásokhoz
  • Támogatja a releasing

konfiguráció:

  • height {Number} - a magasság százalékos
  • disabled {Boolean} opcionális, a tartalmak letiltása a réteggel
  • parent {String} egy tartály, amely rögzített magassággal rendelkezik, lehet windowAz alapértelmezett érték: parent Az elem.
  • minheight {Number} a minimális magasság pixelekben (default: 0 - eltérő)
  • scroll {Boolean} lehetővé teszi a függőleges forgatást (default: false - kikapcsolva)
  • scrollbar {Boolean/String} mutatja a scrollbar (default: true vagy new: native)
  • A delay {Number} msec. ismét visszavonja a dobozot, ha az érték az útvonal szerint megváltozik (elsődleges: 100)
  • A visibleY {Boolean} továbbra is megjeleníti a Y csíkot (default: false)
  • A visibleX {Boolean} továbbra is megjeleníti a X csíkot (default: false)
  • A scrollto {String} automatikusan áramlik a felső/alacsonyra, ha a path változik (elsődleges: EMPTY, lehet top vagy bottom)
  • margin {Number} opcionális, egy felső/alatti margin együtt (a támogatás auto amely számítva a offset.top, 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 látódoboz beállítja a invisible osztályot, amikor renderelés (első: true)
  • scrollbarshadow {Boolean} ha a true akkor a beállított szalagok tartalmaznak függőleges árnyalat (default: false)
  • A initdelay {Number} eltávolítja a inivisible osztályot a meghatározott idő után (default: 250 ms)
  • A centered {Boolean} lehetővé teszi a tartalmak függőleges és horizontális központosítását (default: false)
  • resizedelay {Number} késleltetése a visszahíváshoz (default: 200)
  • NEW: togglescrolled {String} egy DOM kiválasztó a szülőelemek (ez alkalmazza a ui-viewbox-scrolled osztály, amikor a képernyőn forgatott)

módszerek:

  • component.scrolltop(val) forgatás és
  • A component.scrollbottom(val) az alsó oldalról
  • component.resize() újraindítja a tartályt (a resize eseményekre automatikusan reagál)
  • component.resizescrollbar() szűkített csík (különleges esetekre tervezték)

Használja a <ui-component name="viewbox">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
<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>