有弹出层时（弹出层有滚动条），怎样禁止页面

时间：2019-05-05 来源：小程序工厂

页面有弹出层时（弹出层有滚动条）滑动弹出层上的滚动条，滚动到底部或顶部的时候，遮罩层后的页面也跟着一起动了，怎样才能在弹出层出现时，禁止页面的滚动条？微信小程序里面的模板怎么用？&微信小程序开发。
看网上说用
catchtouchmove="preventdefault"
或者
capture-catch:touchmove="preventdefault"
试了，还是不行，求指教！

本文来自微信小程序开发者论坛微信小程序工厂 http://www.xcxgc.com 转载请保留。

微信小程序开发者回答：

A***：
需要设置样式。弹出层弹出的时候，有滚动条的那个节点添加 style="overflow:hidden;"的属性就可以了。
L***：
同遇到～
搜索结果页最上方，直接展示特定微信小程序内容，怎么做的？未见文档--微信小程序开发教程 ...
A***：
或者底部有滚动条的页面，当弹出层的时候，层下面的那个页面的根节点增加class="fullscreen"样式，
.fullscreen{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;

width:100%;

height:100%;

}

本文网址：http://www.91bianli.com/weixinxiaochengxu/55878.html

上一篇：请求优化微信支付商户平台代金券机制！

下一篇：微信小程序二维码生成+微信小程序开发教程

售前咨询热线

0531-86088957

微信：seoceo

关注微信