j-NoScrollbar

jComponent 20 · jcomponent@20 component Example loaded with jComponent 20

this component is something like j-ViewBox without native/custom scrollbar

Configuration:

parent {String} optional, a container with fixed height, can be window. Default value: parent element.
minheight {Number} a minimal height in pixels (default: 0 - disabled)
delay {Number} msec. resizes the box again if the value is changed according to the path (default: 100)
scrollto {String} scrolls to top/bottom automatically if the path is changed (default: EMPTY, can be top or bottom)
margin {Number} optional, a top/bottom margin together (supports auto which is counted from offset.top, default: 0)
marginxs {Number} optional, a top/bottom margin together for xs screen width
marginsm optional, a top/bottom margin together for sm screen width
marginmd optional, a top/bottom margin together for md screen width
marginlg optional, a top/bottom margin together for lg screen width
invisible {Boolean} if true then viewbox sets invisible class when is rendering (default: true)
initdelay {Number} removes inivisible class after specified time (default: 250 ms)

Methods:

component.scrolltop(val) scrolls Y
component.scrollbottom(val) scrolls Y from bottom side
component.resize() resizes container (it reacts on resize events automatically)

Use it with <ui-component name="noscrollbar">. When the component is not loaded yet, jComponent downloads it on first use from the address in DEF.fallback (the Componentator CDN by default). Author: Peter Širka. Source: the Componentator components repository, MIT license.

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>