O'Reilly logo

Building Mobile Applications Using Kendo UI Mobile and ASP.NET Web API by Ragini Kumbhat Bhandari, Nishanth Nair

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required