overflow-x: hidden 正在破坏 jquery 滚动事件

Question

我遇到一个问题，设置 overflow-x: hidden 在 html 和 body 元素上会阻止 jquery 滚动事件触发。

CSS：

 html, body {
  overflow-x: hidden;
}

记者：

 $(function(){
  $(window).on("scroll", function(e){
    console.log("scrolling");
  });
});

http://jsfiddle.net/r7Fqq/6/

亲自尝试一下：注释掉 overflow-x: hidden 并弹出您的控制台。当您上下滚动 html 框时，您应该会看到“滚动”记录。重新评论它，滚动事件是无声的。

有谁知道为什么会这样？我知道当您将溢出设置为隐藏时，它会禁用滚动，但它应该只对您设置的轴执行此操作（在这种情况下仅为 x）。在此先感谢您的帮助。

原文由 jlarusso 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

有同样的问题。解决方案是从 html 元素中删除 overflow-x: hidden 并将其仅保留在 body 元素上，它应该可以工作。

原文由 MSwehli 发布，翻译遵循 CC BY-SA 3.0 许可协议