scroll

Fires when the user scrolls through the content.

Bind to scroller scroll event in view init

<div data-role="view" data-init="attachToScroller">
    <div style="height: 2000px">Foo</div>
</div>
 <script>
    function attachToScroller(e) {
      var scroller = e.view.scroller;
      scroller.bind("scroll", function(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
         console.log(e.scrollTop);
/* The result can be observed in the DevTools(F12) console of the browser. */
         console.log(e.scrollLeft);
      });
    }

    new kendo.mobile.Application();
 </script>

Event Data

e.scrollTop Number

The number of pixels that are hidden from view above the scrollable area.

e.scrollLeft Number

The number of pixels that are hidden from view to the left of the scrollable area.

In this article