javascript - 当我滚动到其中的 div 底部时,如何防止页面滚动?

标签 javascript html scroll

<分区>

我的页面上有几个 div,如下所示:

<div style="height:200px; overflow:auto;">
    <div style="height:300px;">
        <!--Lots of text here-->
    </div>
</div>

当用户将鼠标悬停在它们上面并使用滚轮滚动时,它们会很好地滚动。问题在于,当用户到达底部时,页面本身开始滚动。

有没有办法阻止这种情况的发生(必要时使用 javascript),以便焦点停留在 div 上,即使它已经滚动到底部并且页面本身仅在用户没有悬停在 div 上时滚动?

最佳答案

查看此演示:http://jsfiddle.net/zUGKW/1/

代码:

// bind the mousewheel event
$('.myDiv').bind('mousewheel', function(e) {
    // if scroll direction is down and there is nothing more to scroll
    if(e.originalEvent.wheelDelta < 0 && 
    ($(this).scrollTop() + $(this).height()) >= this.scrollHeight) return false;
});

关于javascript - 当我滚动到其中的 div 底部时,如何防止页面滚动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16462802/

相关文章:

php - 通过缓存的 Facebook 小部件成为 Facebook 粉丝

javascript - Div 在 Safari 10.0.1 上未正确呈现(就像是否存在溢出 :hidden somewhere but there isn't)

javascript - bootstrap 下拉菜单打不开

javascript - 放大较大的网页时出现 OrbitControls 问题

javascript - 自动滚动 DIV -

javascript - 我如何向现有的 tinyMCE 按钮添加额外的功能?

javascript - Google Chart - 定制 View - 列索引 0-4

javascript - 如何在一行中进行多次点击 (HTML/CSS/JS)

javascript - 使动画变慢(jQuery)

android - 如何设置向下滚动时的可见性?