Kendo UI and jquery scrollTop not working correctly on ios and android browsers

[Hans]

After changing kendo grid's DataSource, scroll remains in the same position(see image).  I'm trying to scroll content of the grid to the top:

var gridContent = grid.wrapper.find(".k-grid-content");
 gridContent.scrollTop(0);

But this doesn't work on my iPad in Safari browser. How i can scroll content of kendo grid to the top?

http://s2.ipicture.ru/uploads/20131118/9dEuPIBB.png
Kendo UI Beta v2013.2.716

[Alexander Valchev]

Hi Hans,

The scrollTop method is not working because on touch screen devices the Grid uses mobile scroller.
You can reset it with the reset method. For example:

var grid = $("#grid").data("kendoGrid");
grid.content.data("kendoMobileScroller").reset();

Note that executing this code on desktop browser will produce an error.
If you want to support both scenarios you can use kendo.support.mobileOS - if it is undefined then the Grid is opened on a desktop browser where scrollTop should be used.

Regards,
Alexander Valchev
Telerik

[Hans]

Strange, this doesn't work for me. kendo.support.mobileOS is 'false' in descktop browser instead of 'undefined' and grid.content.data("kendoMobileScroller").reset() doesn't scroll grid's content to the top.

[Alexander Valchev]

Hi Hans,

You are correct, kendo.support.mobileOS returns false on desktop. The misleading comes from a typo in the docs which I already fixed and the fix should be published live soon.

I am not sure why the problem with the reset method occurs. Could you please provide a small sample which demonstrates your current implementation so I can examine it?
Thank you in advance.

Regards,
Alexander Valchev
Telerik

[Hans]

When i need to scroll my grid to the top, i call this code:

if(typeof(kendo.support.mobileOS) == "object")
   grid.content.data("kendoMobileScroller").reset();

It calls reset method but nothing happens. Also i found another solution that works for me. But it can be broken after some changes inside kendo grid:

grid.wrapper.find(".km-scroll-container").css("-webkit-transform", "");

[Alexander Valchev]

Hello Hans,

The provided code looks OK. Without a runnable sample which we can debug locally we cannot determine what exactly goes wrong. Please provide such sample and we will check it right away.

Regards,
Alexander Valchev
Telerik