Issue with virtual scroll and page scroll

5 posts, 0 answers
  1. Martin
    Martin avatar
    11 posts
    Member since:
    Dec 2008

    Posted 20 Mar 2014 Link to this post

    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 ?
  2. Alexander Popov
    Admin
    Alexander Popov avatar
    1416 posts

    Posted 24 Mar 2014 Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
  4. Danny Fritz
    Danny Fritz avatar
    18 posts
    Member since:
    Jul 2012

    Posted 23 Oct 2014 Link to this post

    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.


  5. Alexander Popov
    Admin
    Alexander Popov avatar
    1416 posts

    Posted 27 Oct 2014 Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  6. Danny Fritz
    Danny Fritz avatar
    18 posts
    Member since:
    Jul 2012

    Posted 03 Nov 2014 in reply to Alexander Popov Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     

    That works fantastically. Thanks!
Back to Top
Kendo UI is VS 2017 Ready