Scrollview

From Documentation

Scrollview

Employment/Purpose

Scrollview provides a container to make its content scroll-able on tablet/mobile device.

Example

You can scroll up/down to see other window components with the following sample ZUL. ScrollviewExample.png

<scrollview vflex="1" hflex="1">
    <zk forEach="1,2,3,4,5">
        <window title="window ${each}" border="normal" width="255px" height="200px">
        This is Window ${each}
        </window>
    </zk>
</scrollview>

Properties

Orient

The default orient of child components inside Scrollview is vertical. You can also change it to horizontal.

<scrollview vflex="1" hflex="1" orient="horizontal" />

Supported Events

Name
Event Type
onScroll
Event: ScrollEvent

In mobile devices: Denotes that the content of a scrollable component has been scrolled by the user. Notice that you can check if it is scrolled outside/inside boundaries by invoking getOutOfBound method in the ScrollEvent.

In desktop: This event will be triggered when users scroll all the way to the top or to the end of the page.

onScrolling
Event: ScrollEvent

Denotes that the user is scrolling a scrollable component.

Supported Children

*ALL

Use Cases

Version Description Example Location
     

Version History

Last Update : 2015/05/22


Version Date Content
6.5.0 August, 2012 new added component



Last Update : 2015/05/22

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.