如何很好地禁用滚动条

How to disable scroll bar nicely?

本文关键字：滚动条 很好 何很好      更新时间：2023-09-26

我创建了这个javascript函数，当显示侧菜单时，它会禁用页面内容的滚动：（就像移动应用程序上的fb一样）

function disableScroll(){
    var top = $(window).scrollTop();
    var left = $(window).scrollLeft();
    $('body').css('overflow', 'hidden');
    $(window).scroll(function(){
        $(this).scrollTop(top).scrollLeft(left);
    });
}

然而，每当我尝试滚动侧菜单时，页面内容都会显示滚动条向上移动并返回其原始位置。我该如何防止它显示出来，因为它看起来真的很难看。

我尝试使用CSS修复滚动位置，但它会自动将我的页面带到顶部，这不是我想要的。我希望它停留在用户最后一次点击侧菜单按钮的位置。

您还应该将overflow: hidden设置为body元素。。然后滚动条就不会显示了。之后将其返回到原始溢出。

JQUERY

$('body').delegate('#element', 'click', function() {
        $("body").css('overflow', 'hidden');
    });

这也许能解决你的问题？

相关文章：