KendoGrid Scrolling issues in Mobile Browser

[PC]

I want to capture the scroll-end event of the grid to fire my custom load more results functionality. It works fine on desktop's after i attach the scroll event to k-grid-content div. But on mobile browsers the scroll event does not get fired.
Appreciate your help in advance

[Dimo]

Hello Puma,

On touch devices the Grid uses a Kendo UI Mobile Scroller widget, so you need to use its scroll event handler.

http://docs.telerik.com/kendo-ui/api/javascript/mobile/ui/scroller#events-scroll

If exists, the widget is attached to the div.k-grid-content element.

var scroller = $("#GridID > .k-grid-content").data("kendoMobileScroller");
if (scroller) {
    scroller.bind("scroll", function(e){
        // ...
    });
}

Regards,
Dimo
Telerik

 

 

[PC]

Thanks for the reply.
I actually tried that, but it seems to be very sensitive.... for example, when i scroll once, this event gets fired twice or thrice sometimes.
Also, scrollTop of the mobilescroller gives me negative zero value every now and then. 

[Dimo]

Hello Puma,

Well, yes, the scroll event fires continuously during scrolling, so you will need to get the current position from the event arguments, compare it with the data table's height and decide whether to load new data items.

http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#fields-table

A negative scroll offset is normal to occur, if the user drags the Grid's data area down when the first row is already visible.

Regards,
Dimo
Telerik