为啥滚动仅在 Chrome 中不起作用？

Posted 2023-03-06

【中文标题】为啥滚动仅在 Chrome 中不起作用？

【英文标题】：Why would scrolling not work in Chrome only?为什么滚动仅在 Chrome 中不起作用？

【发布时间】：2018-08-11 21:41:08

【问题描述】：

我最近开始在其他人设置的a WordPress website 上工作。我发现一件奇怪的事情是，如果你运行的是 Chrome，你就不能用鼠标滚动——只有侧面的滚动条。滚动似乎在 Firefox 和 Safari 中运行良好。

通常当我遇到这样的问题时，它要么是由 overflow 或 position css 属性引起的，但在四处寻找之后，我没有看到任何会导致此问题的情况。

谁能看到为什么会发生这种情况或建议其他可以解释为什么不能使用鼠标滚动的事情？知道为什么它会在 Chrome 中发生，但没有别的吗？

【问题讨论】：

使用鼠标对我来说效果很好。如果这真的发生了，要么阻止 wheel 或 scroll 事件，要么它实际上是一个不同的可滚动元素。

哦，这真的很奇怪。您使用的是什么浏览器/操作系统？

Ubuntu 上的 Firefox。

确认：macOS：Chrome 不滚动，Safari 可以。

@AbeMiessler Like this.

【参考方案1】：

我猜这可能是插件或主题尝试禁用所有插件然后一一启用以找出问题的根源。

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

如果您仍然遇到问题，请尝试安装此插件

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

也看看这里

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

【参考方案2】：

这个错误已久为人知。 作为用户，您可以在标志中禁用“线程滚动”或“平滑滚动”来修复它。 作为一个 webdev，你无能为力。

【讨论】：

我现在还有这个问题，有什么解决办法吗？

【参考方案3】：

我在使用来自 templatemonster 的原始樱桃插件的旧 wordpress 网站中多次发现此问题，并且问题最终在每种情况下都是一个名为“Cherry Parallax Plugin”的插件。停用它的问题是插件代码旧且不受支持，并且“停用”链接不再有效。解决方案是进入 /wp-content/plugins/ 目录并将“cherry-parallax”的名称更改为“i_cherry-parallax”之类的名称，然后返回插件页面并选择停用链接。刷新浏览器缓存后，页面将再次开始使用鼠标滚轮滚动。

【参考方案4】：

我有一个在 Chrome 中无法滚动的 Bootsrap 4 模态，这解决了它：

.modal-dialog 
     pointer-events: auto !important;