禁用滚动条

网上禁用滚动条的方法大多是给<body>设置overflow:hidden,这种方式的缺点是滚动条会彻底消失,带来的副作用就是页面内容会在滚动条消失瞬间抖动一下,并且在滚动条重新显示瞬间又会抖动一下。
 
下面的代码可以实现禁用滚动条(上下键、鼠标滚轮、拖动滚动条均无效),但滚动条不会消失:

// 检查是否有滚动条,若有则禁止使用(此时上下键、鼠标滚轮、拖动滚动条均无效)
if (document.documentElement.clientHeight < document.documentElement.offsetHeight) {
    var scrollTop = $(window).scrollTop();
    $(window).on('scroll', function () {
        $(this).scrollTop(scrollTop);
    });
}

// 恢复滚动条的使用
$(window).off('scroll');

Copyright © 2024 码农人生. All Rights Reserved