Jerky Scrolling on Pages with Parallax
Reported by
skaw...@gmail.com,
Aug 1 2017
|
|||||
Issue descriptionUserAgent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.78 Safari/537.36 Example URL: https://brew-alpha.cloud.n-ask.com/ Steps to reproduce the problem: 1. Go to a page with parallax images (https://brew-alpha.cloud.n-ask.com/, http://pixelcog.github.io/parallax.js/, https://dixonandmoe.com/rellax/, or http://googlechrome.github.io/ui-element-samples/parallax/). 2. Use either a mouse wheel or keyboard arrow keys to scroll up and down. What is the expected behavior? Buttery-smooth scrolling. What went wrong? The pages scrolls in a very jerky, rigid, and mechanical manner. Does it occur on multiple sites: Yes Is it a problem with a plugin? No Did this work before? N/A Does this work in other browsers? Yes Chrome version: 60.0.3112.78 Channel: stable OS Version: 6.1 (Windows 7, Windows Server 2008 R2) Flash Version: Scrolling in Chromium is smooth if you use a trackpad, but jerky with a mouse wheel or keybaord. If you look at any of the referenced site in Firefox, the scroll is smooth and fluid, even with a mouse wheel or keyboard keys.
,
Aug 1 2017
,
Aug 1 2017
,
Aug 1 2017
Unable to reproduce. Please check that you have not disabled "Smooth Scrolling" in about:flags.
,
Aug 2 2017
,
Aug 2 2017
On my Windows machine, my "Smooth Scrolling" option was set to "Default". I changed it to "Emabled" and the scrolling was smoother and my images were no longer jumping around. I'm curious as to what the default option is here (or how it's figured out). On my Windows machines (and those of my coworkers), it seems like "Default" == "Disabled". Sadly, the "Smooth Scrolling" option doesn't seem to be an option for me on my Macbook, which is what a I develop on. If you'd like to see a video of what it looks like, I have one up at https://drive.google.com/file/d/0B0-GC9_5NhWAdDUxUkt2ekRnaDA/view?usp=sharing.
,
Aug 2 2017
On Windows the default is determined by a system setting, for Win7 it is under Control Panel > System > Advanced system settings > Performance Settings > Animate controls and elements inside windows. For historical reasons Mac has a separate smooth scrolling codepath that only works for keyboard scrolls and not mouse wheels. (This codepath also checks a system setting, "NSScrollAnimationEnabled".) Closing bug since it sounds like this is working as intended.
,
Aug 2 2017
Ok. So I guess there's nothing really that you guys can do then. It's just unfortunate, because it's not like I can tell users looking at my project's page to go change a setting to get rid of the jerky scrolling. Thanks for the provided info.
,
Aug 2 2017
If it's any consolation, this isn't specific to parallax. Every webpage will have "jerky scrolling" if the setting is disabled. We would like to eventually switch Mac to use the same smooth scroll code as Linux/Windows which should help (issue 574283).
,
Aug 2 2017
Right, it's just not nearly as noticeable on pages not using parallax. I guess it would be nice if the default smooth scrolling wasn't based on Windows setting that 99.9% of users don't know about, but I don't know if there's anything you can do about that. I look forward to unifying the smooth scroll code across OS platforms. Thanks again for all the information you've provided. While it doesn't really help me ensure that my site will scroll smoothly for users, at least I know what's going on know. |
|||||
►
Sign in to add a comment |
|||||
Comment 1 by dglazkov@chromium.org
, Aug 1 2017Components: -Blink Blink>Layout