小程序
小游戏
企业微信
微信支付
扫描小程序码分享
页面有弹出层时（弹出层有滚动条）滑动弹出层上的滚动条，滚动到底部或顶部的时候，遮罩层后的页面也跟着一起动了，怎样才能在弹出层出现时，禁止页面的滚动条？
看网上说用
catchtouchmove="preventdefault"
或者
capture-catch:touchmove="preventdefault"
试了，还是不行，求指教！
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
需要设置样式。弹出层弹出的时候，有滚动条的那个节点添加 style="overflow:hidden;"的属性就可以了。
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
thanks, 确实有用，
P话。
或者底部有滚动条的页面，当弹出层的时候，层下面的那个页面的根节点增加class="fullscreen"样式，
.fullscreen{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
width:100%;
height:100%;
}
这样页面会滚动回顶部的！
不会，这样是设置到背景层下面的页面为不滚动，弹出框里面的内容滚动就和下面的没有关系了。
我试了下，一旦fixed以后确实会使下层的页面滚动到顶部
同遇到～
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
需要设置样式。弹出层弹出的时候，有滚动条的那个节点添加 style="overflow:hidden;"的属性就可以了。
thanks, 确实有用，
P话。
或者底部有滚动条的页面，当弹出层的时候，层下面的那个页面的根节点增加class="fullscreen"样式，
.fullscreen{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
width:100%;
height:100%;
}
这样页面会滚动回顶部的！
不会，这样是设置到背景层下面的页面为不滚动，弹出框里面的内容滚动就和下面的没有关系了。
我试了下，一旦fixed以后确实会使下层的页面滚动到顶部
同遇到～