Smoother scrolling



  • I have noticed that scrolling in the application is very jerky.
    Any tips / pointers as to how to get a smoother scrolling experience ?
    I dont want to fall back and use jQuery for the same . Any hacks to get a smoother scrolling experience would be appriciated.


  • Admin

    @jonafrank what app are you talking about? Quasar Play? And what pages are you talking about? Also, what mobile platform?



  • @rstoenescu It’s with respect to the application i am developing … I havent wrapped it in a cordova platform yet.
    The problem occurs only when i am scrolling any lists in the application through safari(iphone) and chrome(android). There seems to be a jerk in the scroll regardless of the page size.

    I am asking for a general solution like jQuery provides smoothscroll . Any tweaks that can be made / code snippet that can be applied to any/all scrollable components, so that it makes it jerk free and smooth is what i am looking for .

    I can probably attach a gif , to show the jerks


  • Admin

    Yes, please attach the gif. Thanks!



  • Ah fixed it , @rstoenescu
    -webkit-overflow-scrolling: touch;
    This had to be given in order to fix the jitter… It flows like butter once this was given :) thanks … Should be useful for anyone who faces a similar issue


  • Admin

    @jonafrank That’s supplied by Quasar through .scroll and .layout-view CSS classes. For layouts, it meant you were not using the latter… please check /templates/layout.vue ;)


Log in to reply
 

Looks like your connection to Quasar Framework was lost, please wait while we try to reconnect.