H5出现蒙版后，禁止屏幕滚动
2017-09-04 18:13
477 查看
H5出现蒙版后，禁止屏幕滚动；
在移动端编写项目的时候，我们会自己做一些蒙版类的提示框。当提示框出现的时候我们要禁止屏幕滚动，否则用户的体验感很差。
如下图
我们需要改变html和body的overflow属性
mengban 出现function(){
$("html").add("body").css({"overflow":"hidden"})
}
别忘了关闭蒙版的时候要变回auto
阅读更多
阅读更多
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- ScrollView中嵌套RecycleView出现的不显示，显示不全及滑动卡顿及ScrollView禁止滚动到中间
- 禁止屏幕滚动
- 解决移动端出现弹窗背景禁止滚动（阻止苹果浏览器的默认行为）
- 移动设备禁止h5页面滚动
- H5禁止页面滑动/滚动
- 有弹出层时创建遮罩层并禁止屏幕滚动
- javascript实现蒙版与禁止页面滚动
- H5禁止页面滑动/滚动
- h5 处理微信，钉钉，滚动出现网址
- 移动端web开发之坑---蒙层出现底部滚动禁止
- JS如何控制弹框出现在当前屏幕并且禁用滚动条
- 微信小程序之禁止ios页面下拉下滑滚动 出现空白的情况
- H5禁止弹窗页面滚动
- 解决 listview的item超过屏幕显示出现滚动的全选问题
- H5页面 遮罩层上弹窗滚动时禁止下层页面滚动的处理
- Android手机里H5页面滚动图片时出现白屏
- 总结今天实现Topbar随屏幕滚动逐渐出现和淡出问题
- 自己动手丰衣足食，h5手机端jquery弹窗插件（事件冒泡、单例模式、遮盖部分禁止默认滚动）
- 微信小程序 禁止ios页面下拉下滑滚动 出现空白的情况
- H5页面出现弹窗时，阻止滚动条滚动