Why would scrolling not work in Chrome only?

Question

I recently started working on a WordPress website that someone else setup. One odd thing I have found is that if you are running Chrome you can't scroll using your mouse - only the scroll bars on the side. Scrolling seems to work fine in Firefox and Safari.

Typically when I run into a problem like this it's either caused by the overflow or position css attributes, but after poking around I don't see any occurrences of those that would cause this problem.

Can anyone see why this might be happening or suggest other things to look at that might explain why it's not possible to scroll using ones mouse? Any idea why it would happen in Chrome but nothing else?

Solution 1

I guess this might be plugin or theme try to disable all plugins and then enable them one by one to identify the source of this problem.

See http://www.wpbeginner.com/plugins/how-to-deactivate-all-plugins-when-not-able-to-access-wp-admin/

If you still having the problem try to install this plugin

https://wordpress.org/plugins/mousewheel-smooth-scroll/#description

Also take a look here

https://wordpress.org/support/topic/my-website-not-scrolling-in-chrome-browser/

Solution 2

This bug is known for ages. As a user, you can disable "threaded scrolling" or "smooth scrolling" in flags to fix it. As a webdev, there is nothing you can do.

Comments

[Sebastian Simon]

Works just fine for me, using my mouse. If this actually happens, either the wheel or scroll events are prevented, or it’s actually a different element that is scrollable.

[Abe Miessler]

Oh that's really weird. What browser/OS were you using?

[Sebastian Simon]

Firefox on Ubuntu.

[Abe Miessler]

Very interesting. I just opened it in Safari/OSX and the scrolling does indeed work. Do you have Chrome installed? If so does it happen for you on there?

[rpivovar]

It also doesn't work on Chrome OSX for me

[Max Wolfen]

Without a doubt, the problem is in one of the loaded scripts. CSS is not to do with it. You can easily see this by debugging scripts of the page. As we can test, on onload wheel work correctly, but after load it fall

[Abe Miessler]

@MaxWolfen - sorry how do I test that the wheel works before the scripts load? I'm familiar with putting breakpoints in code and stuff like that but don't know how to prevent the scripts from loading at all to test.

[LinusGeffarth]

Confirming: macOS: Chrome does not scroll, Safari does.

[Siguza]

plugins.min.js seems to set a mousewheel listener on window - if I remove that manually in dev tools, scrolling works again.

[Abe Miessler]

@Siguza - how would I remove that using dev tools? I thought you could only do breakpoints etc?

[Siguza]

@AbeMiessler Like this.

[tao]

However, that's about the only way to remove the listener. It's an anonymous function and therefore it creates a new instance each time it is called. There is no easy way to remove it using code, as it can't be referenced. Check if the theme has a smooth scroll option and turn it off. If not, check if it has an update. I'm pretty sure other people are raging about this bug and most likely a fix has already been issued.

[tao]

Another way to remove it is go inside theme minified js and remove that function altogether, but that can easily go wrong. On a different note, I'd say your question is a duplicate of this one with major difference being you haven't researched enough to realize that's what you're asking :). Cheers!

[Joe Phillips]

Chrome doesn't allow me to use scroll wheel on any website right now. Possibly related to Logitech MX Mouse 2S. bugs.chromium.org/p/chromium/issues/detail?id=797708&desc=2

[codeitram]

Is there some fix now as I still have this issue ?