Css 为什么鼠标在“上”时滚轮滚动事件不触发;位置:固定";元素?

Css 为什么鼠标在“上”时滚轮滚动事件不触发;位置:固定";元素?,css,scroll,css-position,mousewheel,Css,Scroll,Css Position,Mousewheel,下面是我的问题的一个简单测试用例: 把鼠标放在红场上 用鼠标滚轮滚动 父div没有滚动 如何使用鼠标滚轮使父div正常滚动,即使鼠标位于position:fixed元素上 谢谢。带有位置的元素:固定是相对于视口定位的,因此在这种情况下,可滚动的div不是固定的div的父级,即使您只是在查看输出时可能会这样显示 如果将光标放在fixeddiv上并向下滚动,浏览器将被告知向下滚动fixeddiv。fixed元素本质上是不可滚动的,因此不会发生任何事情 您可能需要添加一些关于您正试图实现的目标的

下面是我的问题的一个简单测试用例:

  • 把鼠标放在红场上
  • 用鼠标滚轮滚动
  • 父div没有滚动
如何使用鼠标滚轮使父div正常滚动,即使鼠标位于position:fixed元素上


谢谢。

带有
位置的元素:固定
是相对于视口定位的,因此在这种情况下,
可滚动的
div不是
固定的
div的父级,即使您只是在查看输出时可能会这样显示

如果将光标放在
fixed
div上并向下滚动,浏览器将被告知向下滚动
fixed
div。fixed元素本质上是不可滚动的,因此不会发生任何事情


您可能需要添加一些关于您正试图实现的目标的详细信息。希望有帮助

现在回答问题已经很晚了,但我通过在“fixed”div中添加
指针事件:none
样式,解决了这个问题

像这样:

它在Windows 7/IE9中可以正常滚动,但在Chrome中不能滚动。即使你为一个浏览器解决了这个问题,你也可能在不同的平台/浏览器组合中面临同样的问题,所以如果我是你,我就不会费心去解决它。