javascript - 通过固定内容传递鼠标滚轮事件

Question

理解这一点的最好方法是查看 this fiddle .

请注意鼠标滚轮在红色框中的固定内容上是如何不起作用的。我希望可滚动的 div 能够滚动。

万一 fiddle 死了 - 基本上我有一个可滚动的 div，上面有一个固定元素。通常，当您将鼠标滚到可滚动的 div 上时，它当然会滚动。但是，如果您在固定元素上，则不会发生滚动。根据您的网站布局，这对用户来说可能有违直觉。

jQuery 解决方案没问题。

Answer 1

一个简单得多，但得到广泛支持的答案如下:

#fixed{ pointer-events:none; }

jsFiddle
不幸的是，在 IE 中根本不起作用!但是您可以使用 modernizr 或类似工具来检测它是否受支持，并在不受支持时使用 jQuery 作为权宜之计。

由 Dominic Stubbs 先生提供