/***禁止滑动***/
stop() {
document.documentElement.style.position = 'fixed';
document.body.style.overflow = 'hidden'; //隐藏滚动条
},
/***取消滑动限制***/
move() {
document.documentElement.style.position = 'static';
document.body.style.overflow = ''; //出现滚动条
}
移动端点击弹出模态框禁止页面滑动
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 问题描述:Vue开发中,当我们相对于父视图的底部布局子控件时,需要用position:fixed,如果页面内容不是...
- 提供一个小例子说明。 Launch demo modal 注意红字部分type="button",在需要触发的按钮...
- 在做移动端页面开发时,当弹出弹出层后,发现后面的背景内容可以上下滑动,经过一番研究后,得出以下解决办法: PS:需...