ForgeComponenten
nl

Componenten

j-ViewBox

jComponent 20 · jcomponent@20 component Voorbeeld geladen met jComponent 20
  • Houd een vaste percentage
  • Goed gebruik voor intranet applicaties
  • Ondersteunt releasing

Configuratie:

  • height {Number} een percentage hoogte
  • disabled {Boolean} optioneel, kan inhoud met de laag uitgeschakeld worden
  • parent {String} Een container met een vaste hoogte kan windowDe standaardwaarde: parent Het element.
  • minheight {Number} een minimale hoogte in pixels (default: 0 - ingeschakeld)
  • scroll {Boolean} maakt verticale scrolling mogelijk (default: false - ingeschakeld)
  • scrollbar {Boolean/String} toont scrollbar (default: true of new: native)
  • delay {Number} msec. resecteert de doos opnieuw als de waarde wordt gewijzigd volgens de route (default: 100)
  • visibleY {Boolean} toont nog steeds de Y scrollbar (default: false)
  • visibleX {Boolean} toont nog steeds de X scrollbar (default: false)
  • De scrollto {String} draait automatisch naar boven/bottom als de path is gewijzigd (de standaard: EMPTY, kan top of bottom)
  • margin {Number} optioneel, een top/bottom marge samen (de ondersteuning van auto dat is geteld vanaf offset.top, standaard: 0)
  • marginxs {Number} optioneel, een top/bottom margin samen voor xs scherm breedte
  • marginsm optioneel, een top/bottom margin samen voor sm scherm breedte
  • marginmd optioneel, een top/bottom margin samen voor md scherm breedte
  • marginlg optioneel, een top/bottom margin samen voor lg scherm breedte
  • invisible {Boolean} als true dan de bekijkbox stelt de klasse invisible wanneer het wordt gepresenteerd (default: true)
  • scrollbarshadow {Boolean} als true dan de aangepaste scrollbars verticale schaduw (default: false) bevatten
  • initdelay {Number} verwijdert de inivisible-klasse na een bepaalde tijd (default: 250 ms)
  • centered {Boolean} zorgt voor verticale en horizontale concentratie van de inhoud (de standaard: false)
  • resizedelay {Number} vertraging voor resisatie (default: 200)
  • NEW: togglescrolled {String} een DOM-selector voor de moederelementen (het voegt de klasse ui-viewbox-scrolled toe wanneer de bekijkenbak wordt getransformeerd)

Methoden:

  • component.scrolltop(val) scrolls en
  • component.scrollbottom(val) scrolls Y van de onderkant
  • component.resize() reageert op de container (het reageert automatisch op de gebeurtenissen van resize)
  • component.resizescrollbar() resiseren aangepaste scrollbar (gericht op speciale gevallen)

Gebruik het met <ui-component name="viewbox">Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in DEF.fallback (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

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>