j-ViewBox
- Houd een vaste percentage
- Goed gebruik voor intranet applicaties
- Ondersteunt
releasing
Configuratie:
height {Number}een percentage hoogtedisabled {Boolean}optioneel, kan inhoud met de laag uitgeschakeld wordenparent {String}Een container met een vaste hoogte kanwindowDe standaardwaarde:parentHet 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:trueof new:native)delay {Number}msec.resecteert de doos opnieuw als de waarde wordt gewijzigd volgens de route (default:100)visibleY {Boolean}toont nog steeds deYscrollbar (default:false)visibleX {Boolean}toont nog steeds deXscrollbar (default:false)- De
scrollto {String}draait automatisch naar boven/bottom als depathis gewijzigd (de standaard:EMPTY, kantopofbottom) margin {Number}optioneel, een top/bottom marge samen (de ondersteuning vanautodat is geteld vanafoffset.top, standaard:0)marginxs {Number}optioneel, een top/bottom margin samen voorxsscherm breedtemarginsmoptioneel, een top/bottom margin samen voorsmscherm breedtemarginmdoptioneel, een top/bottom margin samen voormdscherm breedtemarginlgoptioneel, een top/bottom margin samen voorlgscherm breedteinvisible {Boolean}alstruedan de bekijkbox stelt de klasseinvisiblewanneer het wordt gepresenteerd (default:true)scrollbarshadow {Boolean}alstruedan de aangepaste scrollbars verticale schaduw (default:false) bevatteninitdelay {Number}verwijdert deinivisible-klasse na een bepaalde tijd (default:250ms)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 klasseui-viewbox-scrolledtoe wanneer de bekijkenbak wordt getransformeerd)
Methoden:
component.scrolltop(val)scrolls encomponent.scrollbottom(val)scrolls Y van de onderkantcomponent.resize()reageert op de container (het reageert automatisch op de gebeurtenissen vanresize)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.
<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>