解决手机网页内容层随着遮罩层滚动问题

怿祺
  • 324

手机页面上加了一个遮罩层,但是后面的内容层总是随着遮罩层滚动,无论是在微信浏览器还是在 Safari 浏览器下,设置 htmlbodyovefflow:hideen 也无效,求解决方案,尽量是 css 方法。

回复
阅读 3.7k
1 个回答

单纯用css是解决不了这个问题的,需要js的辅助

先定义css

.alpha {
    height: 100%;
    overflow: hidden;
    position: relative;
}

.alpha body {
    height: 100%;
    overflow: hidden;
}

当你遮盖弹出的时候或者隐藏的时候让html切换class alpha

$('html').toggleClass('alpha');
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏