css - HTML 内容只随滚动条滚动,不随鼠标滚轮滚动

标签 css scroll overflow mouseevent mousewheel

我有一个 <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/

相关文章:

javascript - 修复顶部栏 SharePoint 2013

scroll - 如何在 SproutCore ListView 中预加载项目?

CSS:使用子元素处理溢出

css - 添加填充而不改变整体宽度

c++ - 在给定值处创建溢出

具有不规则 .png 形状的 Javascript "Jigsaw puzzle"

jquery - 创建类似 Flipboard 仪表板图像翻转的网络动画

javascript - 单击同一页面中的 <a> 时移动到 <section>

c# - 在更新面板部分回发后保持页面滚动位置

javascript - 基于窗口宽度的滚动淡化元素不透明度