javascript - 禁用自动滚动到元素末尾

Question

当我到达顶部 div 上的滚动末尾时，我不想启动任何其他滚动。我只是想让它停止滚动。我会说这是一个非常合理的要求。

Here is a demo of the issue on JS fiddle

有没有办法可以禁用这个跨浏览器？

作为用户，您明确地将鼠标移动到 div 以与之交互。谁是浏览器假设我现在想滚动它下面的东西？这肯定是一个错误。

Answer 1

当你的 div 聚焦时，你需要禁用整个 body 的溢出，比如

$('#scrollme').hover(function() {
    $('body').css('overflow', 'hidden');
}, function() {
    $('body').css('overflow', 'auto');
});​

修改后的 fiddle :http://jsfiddle.net/vQSmG/

正如您在我添加的 top 中看到的那样，即使您的 #scrollme 元素不在页面顶部，它也能正常工作；您不会丢失全局滚动位置信息。

我在 FF 3.6、IE 9 和最新的 Chrome 中进行了测试，但我手头没有旧版 IE，无法确保它也能在那里工作。