如何设置网页禁止滚动功能?

2026-04-06 12:300阅读0评论SEO问题
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计125个文字,预计阅读时间需要1分钟。

如何设置网页禁止滚动功能?

移动端弹窗后禁止页面滚动,关闭后允许滚动javascriptfunction slideNo() { var scrollTop=($('body')).scrollTop(); // body设置为fixed后会被固定在顶部,因此需要动态计算当前用户所在的高度 $('body').css({ 'overflow': 'hidden' });}

移动端弹窗后禁止页面滚动,关闭后允许滚动

function slideNo() { var scrollTop = $('body').scrollTop();//body设置为fixed之后会飘到顶部,所以要动态计算当前用户所在高度 $('body').css({ 'overflow':'hidden', 'position': 'fixed', 'top': scrollTop*-1 }); $('#mask').css('top',scrollTop);//设置遮罩层top值 } function slideTrue() { $('body').css({ 'overflow':'auto', 'position': 'static', 'top': 'auto' }); }

如何设置网页禁止滚动功能?

本文共计125个文字,预计阅读时间需要1分钟。

如何设置网页禁止滚动功能?

移动端弹窗后禁止页面滚动,关闭后允许滚动javascriptfunction slideNo() { var scrollTop=($('body')).scrollTop(); // body设置为fixed后会被固定在顶部,因此需要动态计算当前用户所在的高度 $('body').css({ 'overflow': 'hidden' });}

移动端弹窗后禁止页面滚动,关闭后允许滚动

function slideNo() { var scrollTop = $('body').scrollTop();//body设置为fixed之后会飘到顶部,所以要动态计算当前用户所在高度 $('body').css({ 'overflow':'hidden', 'position': 'fixed', 'top': scrollTop*-1 }); $('#mask').css('top',scrollTop);//设置遮罩层top值 } function slideTrue() { $('body').css({ 'overflow':'auto', 'position': 'static', 'top': 'auto' }); }

如何设置网页禁止滚动功能?