The Kendo Mobile ScrollView widget is used to scroll content wider than the device screen.

Getting Started

The Kendo Mobile Application automatically initializes the Mobile ScrollView for every element with role data attribute set to scrollview present in the views' markup. Alternatively, it can be initialized using a jQuery selector.

Initialize mobile ScrollView using a role data attribute.

<div data-role="scrollview">
  Foo
</div>

Initialize mobile ScrollView using a jQuery selector.

<div id="scrollView"></div>
<script>
var listView = $("#scrollView").kendoMobileScrollView();
</script>

Pages

Content pages can be defined in order to display exactly one item per page. Pages are automatically resized on device orientation change. To define a page, wrap the content in a div with role data attribute set to page.

ScrollView with pages

<div id="scrollView">
   <div data-role="page">Foo</div>
   <div data-role="page">Bar</div>
</div>