为何不能允许页面滚动操作?

更新于
2026-09-29 15:19:49
1阅读来源:SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐

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

为何不能允许页面滚动操作?

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

为何不能允许页面滚动操作?

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

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' }); }

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

为何不能允许页面滚动操作?

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

为何不能允许页面滚动操作?

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

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' }); }