j-ViewBox
- behält eine feste prozentuale Höhe bei
- Hervorragende Verwendung für Intranet-Anwendungen
- unterstützt
releasing
Konfiguration:
height {Number}ein Prozentsatz der Höhedisabled {Boolean}optionale, kann Inhalte mit der Schicht deaktivierenparent {String}optional, ein Behälter mit fester Höhe, kannwindowsein. Standardwert:parent-Element.minheight {Number}eine minimale Höhe in Pixel (Standard:0– deaktiviert)scroll {Boolean}ermöglicht vertikales Scrollen (Standard:false– deaktiviert)scrollbar {Boolean/String}zeigt eine Schallbar (Default:trueoder new:native)delay {Number}msec.ändert die Größe der Box erneut, wenn der Wert entsprechend dem Pfad geändert wird (Standard:100)visibleY {Boolean}zeigt immer noch dieYScrollbar (Default:false)visibleX {Boolean}zeigt immer noch dieXScrollbar (Default:false)scrollto {String}dreht sich automatisch nach oben / unten, wenn diepathgeändert wird (Default:EMPTY, kanntopoderbottom)margin {Number}optional, ein oberer/unterer Rand zusammen (unterstütztauto, das aboffset.topgezählt wird, Standard:0)marginxs {Number}optional, ein oberer/unterer Rand zusammen fürxsBildschirmbreitemarginsmoptional, ein oberer/unterer Rand zusammen fürsmBildschirmbreitemarginmdoptional, ein oberer/unterer Rand zusammen fürmdBildschirmbreitemarginlgoptional, ein oberer/unterer Rand zusammen fürlgBildschirmbreiteinvisible {Boolean}, wenntruedann die Ansichtskarte stelltinvisibleKlasse, wenn es renderiert wird (Default:true)scrollbarshadow {Boolean}, wenntruedann die benutzerdefinierten Scrollbars vertikale Schatten enthalten (Default:false)initdelay {Number}entfernt dieinivisibleKlasse nach der angegebenen Zeit (Default:250ms)centered {Boolean}ermöglicht die vertikale und horizontale Zentrierung für den Inhalt (Default:false)resizedelay {Number}Verzögerung für die Rückführung (Default:200)- NEW:
togglescrolled {String}ein DOM-Selector für die Elternelemente (es fügt dieui-viewbox-scrolledKlasse hinzu, wenn die Ansichtskarte geschaltet wird)
Methoden:
component.scrolltop(val)scrollt Ycomponent.scrollbottom(val)scrollt Y von untencomponent.resize()resisiert den Behälter (es reagiert automatisch aufresizeEreignisse)component.resizescrollbar()ändert die Größe der benutzerdefinierten Bildlaufleiste (für Sonderfälle gedacht)
Verwenden Sie es mit <ui-component name="viewbox">. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in DEF.fallback herunter (standardmäßig das CDN Componentator). Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.
<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>