Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

AutoScroll doesn't work well on sites with scroll-behavior: smooth #33

Open
charukiewicz opened this issue May 9, 2020 · 4 comments
Open

Comments

@charukiewicz
Copy link

Issue

I noticed that on some sites, using AutoScroll doesn't really work so well. It appears that the problem is the scroll-behavior CSS attribute. The default browser setting is:

html {
  scroll-behavior: auto; /* browser default */
}

Some sites override it to:

html {
  scroll-behavior: smooth;
}

Which leads to issues when using AutoScroll. Here's a side by side comparison on my personal site.

scroll-behavior: auto (click to show):
Regular scroll behavior. Responsive. Stops scrolling immediately upon clicking out of auto-scroll.

scroll-behavior: smooth (click to show):
Broken scroll behavior. Window scrolls very slowly, doesn't reverse direction correctly. Clicking out of auto-scroll causes browser to rapidly scroll in the direction that scroll was attempted.

Possible Fix

It seems like one potential fix would be to explicitly set scroll-behavior: auto on the html element of the document when auto-scroll is enabled. This would override the site's scroll-behavior setting.

@dc-p8
Copy link

dc-p8 commented Dec 16, 2020

I was able to get around this issue with the help of this comment : https://superuser.com/a/1366186/1022880
Bacically it just remove the ability for websites to change the scroll-behaviour of any dom element.
It would be nice to be able to solve this issue without having to install another extension.

@StephanBe
Copy link

StephanBe commented Feb 22, 2021

For a solution using the forcible overwrite, see commit 2ee51a2 of the fork from ubermanu. You could manually change your AutoScroll.js file in your extension folder accordingly. (Just search for the file AutoScroll.js on your system.)
Beware of the corruption detection of Chrome though: https://stackoverflow.com/questions/27080848/edited-chrome-extension-chrome-thinks-it-is-malware
A pity, that this extension isn't maintained anymore.

@J-HS-L
Copy link

J-HS-L commented Aug 9, 2023

does anyone know of a better alternative to this nowadays that's still actively maintained?

@GalaxySnail
Copy link

does anyone know of a better alternative to this nowadays that's still actively maintained?

I'm using this fork as an alternative.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants