js禁止滚动条滚动

方法一:将body设置为fixed(滚动条会消失,页面会抖动,比较麻烦)

//弹层背景滑动问题
        var top1 = 0;
        function stopBodyScroll(isFixed) {
            var bodyEl = document.body
            if (isFixed) {
                top1 = window.scrollY
                bodyEl.style.position = 'fixed'
                bodyEl.style.top = -top1 + 'px'
            }else{
                bodyEl.style.position = ''
                bodyEl.style.top = ''
                window.scrollTo(0, top1) // 回到原先的top
            }
        }

// 关闭滑动
stopBodyScroll(true);
$('body').css({'position':'fixed',"width":"100%"});

// 开启滑动
stopBodyScroll(false);
$("body").css({"position":"initial"});

方法二:在body上添加overflow:hidden(滚动条会消失,页面会抖动,简单粗暴)

//禁用滚动条
function unScroll(){
	$('body').css("overflow-Y","hidden");
}

//停止禁用滚动条
function removeUnScroll() {
	$('body').css("overflow-Y","hidden");
}
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《js禁止滚动条滚动》
文章链接:https://zhuji.vsping.com/4592.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。