j-NoScrollbar

jComponent 20 · jcomponent@20 component Voorbeeld geladen met jComponent 20

Deze component is iets als j-ViewBox zonder inheemse/gepaste scrollbar

Configuratie:

parent {String} optioneel, een container met vaste hoogte, kan windowDe standaardwaarde: parent Het element.
minheight {Number} een minimale hoogte in pixels (default: 0 - ingeschakeld)
delay {Nummer} msec. resisert de doos opnieuw als de waarde wordt gewijzigd volgens de route (default: 100)
De scrollto {String} draait automatisch naar boven/bottom als de path wordt gewijzigd (de standaard: EMPTY, kan top of bottom)
margin {Nummer} optioneel, een top/bottom marge samen (ondersteuning van auto dat is geteld vanaf offset.top, standaard: 0)
marginxs {Nummer} optioneel, een top/bottom marge 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 de true vervolgens de invisible-klasse instelt bij rendering (default: true)
initdelay {Number} verwijdert de inivisible klasse na een bepaald tijdstip (default: 250 ms)

Methoden:

component.scrolltop(val) scrolls en
component.scrollbottom(val) scrolls Y van de onderkant
component.resize() reageert op de container (het reageerde automatisch op de gebeurtenissen van resize)

Gebruik het met <ui-component name="noscrollbar">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

<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>