我有一个 <div>
在我的页面上,高度固定,overflow-y: scroll;
设置以便内容在经过 <div>
的底部边缘时滚动.没有异常。
由于某些奇怪的原因,鼠标滚轮只会在光标悬停在 <div>
中的空白 上时滚动内容。或者如果它在滚动条本身之上。如果光标恰好位于 <div>
中的任何文本内容之上,鼠标滚轮不会做任何事情。
这在 Firefox 和 Chrome 中都会发生,所以它不仅仅是特定渲染引擎或其他东西的怪癖。
<div>
有问题的通过position: absolute;
覆盖在另一个之上,所以我假设 <div>
不知何故它背后干扰了鼠标滚轮事件 - 但随后您会认为问题会逆转(<div>
会滚动当光标在文本上,而不是在空白区域上)。
有没有人见过这样的东西?我很难过!
最佳答案
知道了 - 这是因为我使用的是 FancyBox mousewheel plugin .这会导致 FancyBox 捕获所有鼠标滚轮事件(用于滚动画廊)。由于我实际上并没有使用任何画廊,所以我不需要它,所以我把它拿出来并立即解决了我的问题。
关于css - HTML 内容只随滚动条滚动,不随鼠标滚轮滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10449802/