Issue with virtual scroll and page scroll

[Martin]

When virtual scrolling of a grid is enabled, it interferes with the scrolling of the page when using the mouse wheel.

You can see an example of the issue here: http://jsfiddle.net/RxHps/1/

Is there a way to make virtual scrolling not interfering with the page scroll ?

[Alexander Popov]

Hi Martin,

This is actually the expected behavior, because in order to achieve proper virtual scrolling the Grid needs to prevent the scroll event propagation. If the event propagates then the whole page will scroll down instead of the Grid making a request for more data. Changing this behavior is currently not supported.

Regards,
Alexander Popov
Telerik

 

 

[Danny Fritz]

I'm running into this issue with virtual scrolling and the whole page scrolling.

I haven't found a solution, but have found ways to alleviate the issue. Bigger pageSize and smaller height will help a lot. I also find that touch on the latest Chrome browser tends to run into the issue a lot, whereas other browsers don't seem to have much of a problem.

I created this test page to show how the whole page scrolls when attempting to scroll up and down in the grid: http://runner.telerik.io/fullscreen/AZOxO/2

If you view this on Chrome with a touch screen, the problem is really prominent. Probably because "flick" scroll can be so much faster than a mousewheel. Not sure why it appears that the other browsers handle it just fine. Maybe it is a difference in how touch events are handled across browsers. It is also possible Chrome is so much smoother of an experience it can scroll faster.

[Alexander Popov]

Hi Danny,

The page is scrolled because the virtual paging scroll event handler is not triggered while the data is loaded. A possible workaround is to manually prevent the scrolling once the Grid's loading animation is present, as shown in this example.

Regards,
Alexander Popov
Telerik

 

 

[Danny Fritz]

[quote]Alexander Popov said:Hi Danny,

The page is scrolled because the virtual paging scroll event handler is not triggered while the data is loaded. A possible workaround is to manually prevent the scrolling once the Grid's loading animation is present, as shown in this example.

Regards,
Alexander Popov
Telerik

 

 

[/quote]
That works fantastically. Thanks!