Scrollview inherits from view and makes any of the nested components scrollable, either in horizontal or in vertical mode. It is handy in case of long homogenious data items, like text templates.
It's reasonable to use the scrollview just as a sccrolling container while text into is stored in HTML.
<div id="mybox1">Some very long article-1</div>
<div id="mybox2">Some very long article-2</div>
<div id="mybox3">Some very long article-3</div>
...
Then you can put these 'long articles' into the scrollview and form a very long list where you can scroll to any article you wish: HTML content is nested into UI component with the help of a dedicated data template:
webix.ui{(
view:"scrollview",
id:"verses",
scroll:"y", //vertical scrolling
body:{
rows:[
{id:"verse_1", template:"html->my_box1"}, // corresponds to the dedicated div ID
{id:"verse_2", template:"html->my_box2"}
{...}
]}
})
Scrollview features a body object property where items (text templates, components) are stored in either rows or cols array for vertical or horizontal item arrangement respectively.
Within scrollview as well as within any component with a scrollbar you can:
Read more about scroll control in the corresponding article of the documentation.