ForgeKomponenter
sv

Komponenter

j-ViewBox

jComponent 20 · jcomponent@20 component Exempel laddat med jComponent 20
  • Håller en fast procentsats
  • Bra användning för intranet-applikationer
  • Stöd för releasing

Konfigurera:

  • height {Number} en procentsats av höjd
  • disabled {Boolean} valfritt, kan inaktivera innehåll med lager
  • parent {String} Alternativt, en behållare med fast höjd kan vara windowFörfalskad värde: parent Element är.
  • minheight {Number} en minimal höjd i pixlar (default: 0 - inaktiverad)
  • scroll {Boolean} möjliggör vertikal snurrning (default: false - inaktiverad)
  • scrollbar {Boolean/String} visar scrollbar (default: true eller new: native)
  • delay {Number} msec. återställer rutan om värdet ändras enligt vägen (default: 100)
  • visibleY {Boolean} Visar fortfarande Y Skärmbar (default är false)
  • visibleX {Boolean} Visar fortfarande X Skärmbar (default är false)
  • scrollto {String} snurrar automatiskt till toppen/bunden om path ändras (default: EMPTY, kan vara top eller bottom)
  • margin {Number} valfritt, en topp/bottom marginal tillsammans (stödjer auto som räknas från offset.top, standard: 0)
  • marginxs {Number} valfritt, en topp/bottom marginal tillsammans för xs skärmbredd
  • marginsm valfritt, en topp/bottom marginal tillsammans för sm skärmbredd
  • marginmd valfritt, en topp/bottom marginal tillsammans för md skärmbredd
  • marginlg valfritt, en topp/bottom marginal tillsammans för lg skärmbredd
  • invisible {Boolean} om true sedan visas i invisible klass när det är rendering (default: true)
  • scrollbarshadow {Boolean} om true då de anpassade skruvarna kommer att innehålla vertikal skugga (default: false)
  • initdelay {Number} tar bort inivisible efter den angivna tiden (default: 250 ms)
  • centered {Boolean} möjliggör vertikal och horitonal fokusering för innehållet (default: false)
  • resizedelay {Number} försening för återställning (default: 200)
  • NEW: togglescrolled {String} en DOM-selektor för föräldralementen (det bifogar ui-viewbox-scrolled-klassen när synskåpet är spårad)

Metoder:

  • component.scrolltop(val) skruvar och
  • component.scrollbottom(val) skruvar Y från botten
  • component.resize() återställer behållaren (det reagerar automatiskt på resize händelser)
  • component.resizescrollbar() återställer anpassad skruvbar (målad för speciella fall)

Använd den med <ui-component name="viewbox">När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i DEF.fallback (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

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>