javascript - 滚动仅在直接位于滚动条上方时响应滚轮

Question

高级:什么样的事情可以阻止鼠标滚轮被正确解释为滚动？有哪些调试工具可以检查这些？

我的页面有一部分可以正确显示垂直滚动条。但是，除非鼠标直接位于滚动条上方，否则鼠标上的滚轮无法滚动该部分。

我认为相关的 div 有 overflow-x: hidden 和 overflow-y: auto。

这些来自 Zurb Foundation Apps CSS。不幸的是，我无法在 jsfiddle 中复制这种行为，所以我希望得到进一步的调查提示。

Answer 1

这似乎与 Foundation Apps 网格 block 类有关。如果您的网格 block 有一个单个子网格 block ，这可能会以某种方式阻止滚轮工作。

我最终用原始的全 Angular div 替换了子网格 block 。