html52.com
我爱小程序-开发者交流社区

有弹出层时(弹出层有滚动条),怎样禁止页面的滚动条

页面有弹出层时(弹出层有滚动条)滑动弹出层上的滚动条,滚动到底部或顶部的时候,遮罩层后的页面也跟着一起动了,怎样才能在弹出层出现时,禁止页面的滚动条?

看网上说用

catchtouchmove="preventdefault"

或者

capture-catch:touchmove="preventdefault"

试了,还是不行,求指教!



网友回复

A 明月?:

需要设置样式。弹出层弹出的时候,有滚动条的那个节点添加 style="overflow:hidden;"的属性就可以了。

A 明月?:

或者底部有滚动条的页面,当弹出层的时候,层下面的那个页面的根节点增加class="fullscreen"样式,

.fullscreen{

position:fixed;

top:0;

right:0;

bottom:0;

    left:0;

    width:100%;

    height:100%;

}

Lin:

同遇到~

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签云端发卡