javascript - 当没有其他 div 滚动时滚动 div

标签 javascript jquery html css scroll

我已经设置了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);
    }
});

http://jsfiddle.net/bradleytrager/qPjs8/

关于javascript - 当没有其他 div 滚动时滚动 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22233406/

相关文章:

javascript - 替换特定索引(数组)处的值

javascript - 带有 2 个或更多 Div 的 Twitter Bootstrap Broader 下拉菜单

html - 封面效果 CSS

jquery - 悬停时导航链接的子菜单不会停留

javascript - 如何在没有jquery的情况下创建元素后执行javascript代码?

javascript - 我如何在客户端存储 javascript 引用?

javascript - 我的回调出了什么问题?

javascript - 使用 JQuery 检测对 &lt;input type ="text"> 的所有更改(立即)

javascript - 使用 javascript 和 jquery 更改 div 的样式

jquery - 拖放问题