考虑以下因素:
考虑这样的场景:我将鼠标放置在 div A 中,并使用鼠标滚轮滚动到 divA 的底部或顶部。当我到达 div A 的底部并继续滚动滚轮时,它将开始滚动 div B。我希望鼠标滚轮仅滚动光标所在的当前 div。
这对于任何标准 CSS 都是可能的吗?或者我是否需要连接 JS/jQuery 事件来检测我当前所在的 div 并停止滚动事件?我希望有一个 CSS 解决方案来解决这个问题。
预先感谢您的帮助!
最佳答案
看起来这就是您所需要的:
How to programmatically disable page scrolling with jQuery
基本上,当鼠标悬停时,您可以通过将溢出设置为隐藏来禁用页面其余部分的滚动。然后在鼠标移开时撤消它。
编辑:确保处理鼠标移开、alt+tab 然后鼠标移动的情况。您可能需要对其进行调整,以确保它们不会被开箱即用的鼠标滚动锁定。
关于javascript - CSS 解决方案仅使用鼠标滚轮滚动当前 div - 而不是其后面的 div。,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9721252/