当鼠标悬停在“position:fixed”元素上时,为什么滚轮滚动事件不会触发?

时间:2012-09-30 15:01:35

标签: css scroll css-position mousewheel

以下是我的问题的简单测试用例:

http://jsfiddle.net/JZmvf/20/

  • 将鼠标放在红色方块上
  • 使用鼠标滚轮滚动
  • 父div不滚动

如果使用鼠标滚轮,即使鼠标位于位置上,如何使父div正常滚动:固定元素?

感谢。

2 个答案:

答案 0 :(得分:1)

position: fixed;的元素相对于视口定位,因此scrollable div在这种情况下不是fixed div的父级,即使它可能会出现这种情况只是看输出。

如果您将光标放在fixed div上并向下滚动,则会告诉您的浏览器向下滚动fixed div。固定元素本质上是不可滚动的,因此没有任何反应。

您可能希望添加一些有关您要完成的内容的详细信息。希望有所帮助!

答案 1 :(得分:0)

答案很晚但我能够通过向“固定”div添加pointer-events: none样式来解决这个问题。

像这样: http://jsfiddle.net/JZmvf/55/