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

Here are some of the commonly used Scroller configurations:

• useNative: Native scrolling on the platform is enabled when this property is set to true. The default value is false.

• elastic: This property has an enable or disable elastic...