j-ViewBox
- Håller en fast procentsats
- Bra användning för intranet-applikationer
- Stöd för
releasing
Konfigurera:
height {Number}en procentsats av höjddisabled {Boolean}valfritt, kan inaktivera innehåll med lagerparent {String}Alternativt, en behållare med fast höjd kan varawindowFörfalskad värde:parentElement ä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:trueeller new:native)delay {Number}msec.återställer rutan om värdet ändras enligt vägen (default:100)visibleY {Boolean}Visar fortfarandeYSkärmbar (default ärfalse)visibleX {Boolean}Visar fortfarandeXSkärmbar (default ärfalse)scrollto {String}snurrar automatiskt till toppen/bunden ompathändras (default:EMPTY, kan varatopellerbottom)margin {Number}valfritt, en topp/bottom marginal tillsammans (stödjerautosom räknas frånoffset.top, standard:0)marginxs {Number}valfritt, en topp/bottom marginal tillsammans förxsskärmbreddmarginsmvalfritt, en topp/bottom marginal tillsammans försmskärmbreddmarginmdvalfritt, en topp/bottom marginal tillsammans förmdskärmbreddmarginlgvalfritt, en topp/bottom marginal tillsammans förlgskärmbreddinvisible {Boolean}omtruesedan visas iinvisibleklass när det är rendering (default:true)scrollbarshadow {Boolean}omtruedå de anpassade skruvarna kommer att innehålla vertikal skugga (default:false)initdelay {Number}tar bortinivisibleefter den angivna tiden (default:250ms)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 bifogarui-viewbox-scrolled-klassen när synskåpet är spårad)
Metoder:
component.scrolltop(val)skruvar ochcomponent.scrollbottom(val)skruvar Y från bottencomponent.resize()återställer behållaren (det reagerar automatiskt påresizehä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.
<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>