有弹出层时(弹出层有滚动条),怎样禁止页面的滚动条
发布于 5 年前 作者 bmeng 4815 次浏览 来自 问答

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

看网上说用

catchtouchmove=“preventdefault”

或者

capture-catch:touchmove=“preventdefault”

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

3 回复

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

.fullscreen{

position:fixed;

top:0;

right:0;

bottom:0;

    left:0;

    width:100%;

    height:100%;

}

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

回到顶部