j-NoScrollbar

jComponent 20 · jcomponent@20 component Beispiel mit jComponent 20 geladen

Diese Komponente ist etwas wie j-ViewBox ohne native/custom scrollbar

Konfiguration:

parent {String} optionale, ein Container mit fester Höhe, kann windowDefault Wert: parent Das Element.
minheight {Number} eine Mindesthöhe in Pixeln (Default: 0 - nicht aktiviert)
delay {Nummer} msec. resiziert die Box erneut, wenn der Wert nach dem Weg geändert wird (Default: 100)
scrollto {String} dreht sich automatisch nach oben / unten, wenn der path geändert wird (Default: EMPTY, kann top oder bottom)
margin {Number} optionale, eine obere/bottom Marge zusammen (Support auto die von offset.top berechnet wird, Standard: 0)
marginxs {Number} optionale, eine obere/bottom Marge zusammen für die xs Bildschirmweite
marginsm optional, ein oberer/unterer Rand zusammen für sm Bildschirmbreite
marginmd optional, ein oberer/unterer Rand zusammen für md Bildschirmbreite
marginlg optional, ein oberer/unterer Rand zusammen für lg Bildschirmbreite
invisible {Boolean} wenn true dann die Ansichtsklasse invisible festlegt, wenn es Rendering ist (Default: true)
initdelay {Nummer} entfernt die inivisible Klasse nach der angegebenen Zeit (Default: 250 ms)

Methoden:

component.scrolltop(val) scrollt Y
component.scrollbottom(val) scrollt Y von unten
component.resize() ändert die Größe des Containers (er reagiert automatisch auf resize-Ereignisse)

Verwenden Sie es mit <ui-component name="noscrollbar">. 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.

example.html

<div style="width:300px;height:300px;background-color:#F5F5F5">
	<ui-component name="noscrollbar" config="parent:parent" class="invisible">
		BEGIN
		<div style="height:1000px;background-color:red"></div>
		END
	</ui-component>
</div>