我已经设置了jsFiddle展示我想要实现的目标。
我有两个div
s (可以有两个以上,但这是简单的设置)与父窗口的大小,所以 <body>
永远不会滚动。
我想将事件监听器绑定(bind)到 window.scroll
这样如果没有其他div
滚动(没有滚动)然后 .mainContent
已滚动。
例如,如果我滚动到 .sidebar
,只需滚动侧边栏。但如果我的光标位于右边缘并且我用鼠标滚轮滚动,则 .mainContent
应该滚动,就像正文溢出一样。
我解释得清楚吗?
我的问题是,当我旋转鼠标滚轮时,如何检测是否没有其他元素滚动,以便我可以滚动 .mainContent
在这种情况下。
最佳答案
试试这个:
$(window).bind('mousewheel', function (event) {
var isHover = $('.mainContent').is(':hover');
if (!isHover) {
$('.sidebar').scrollTop($('.sidebar').scrollTop() - event.originalEvent.wheelDeltaY);
}
});
关于javascript - 当没有其他 div 滚动时滚动 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22233406/