Disable Chrome / Safari Accelerated Scrolling

Question

This method does not work for me at all.

Is there an updated modern way to do this?

My clients always hate it, and I have not yet found a way to disable it.

Thanks to the elastic scrolling, I mean, when you reach the top or bottom of the page, these browsers allow the page to “skip” to show an empty area. I am trying to prevent this behavior.

Answer 1

If this CSS hack doesn't remove it in your case, you probably need to use JS to handle the scroll.

I would strongly recommend this because users expect scrolling to behave in a certain way. Not to mention the fact that it is very difficult to make the JS scroll be smooth and be as responsive as the natural scroll.

I don’t know what you are building, so, of course, this may not be relevant to your business, but you should (as always, if you have no good reason against it) leave general interactions like this one to To avoid confusion with the user. Your customers may not like it, but this is what their users expect, and this should be more important.