Smoother scrolling

[jonafrank]

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.

[rstoenescu]

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

[jonafrank]

@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

[rstoenescu]

Yes, please attach the gif. Thanks!

[jonafrank]

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

[rstoenescu]

@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

[anandtripathi]

@jonafrank where did you put -webkit-overflow-scrolling: touch; and @rstoenescu layout-view is not making any difference. I check with the inspect view there is no class with the name .layout-view present

[rstoenescu]

@anandtripathi You’re aware that you are commenting on a 4 year old thread, meant for a very old Quasar (v0.x).