The Scroller widget

The Scroller widget helps in creating a touch-sensitive and scrollable section in the DOM with fixed width and/or height. It can be initialized by setting the data-role="scroller" attribute in the wrapper element or programmatically using the jQuery plugin syntax in the containing view's init event as shown in the following code snippet:

<div id="scrollableContents"> </div>
 $("# scrollableContents ").kendoMobileScroller();

A Kendo view widget, by default, wraps its contents inside in a Scroller widget, and so, we should use this widget only for specific scrollable sections inside the view. The widget can be accessed inside the view events using the e.view.scroller property where e is the input object of the event.

Configurations ...

Get Building Mobile Applications Using Kendo UI Mobile and ASP.NET Web API now with the O’Reilly learning platform.

O’Reilly members experience live online training, plus books, videos, and digital content from nearly 200 publishers.