H5页面禁止滚动条,解决滑动冲突

当做弹窗效果时，希望弹窗出现的时候网页不可再上下滚动、翻页，可以用body{overflow:hidden}，可是做手机站的时候，就不兼容了。
后来找到了解决的办法，就是要html,body同时设为overflow:hidden。

css样式部分：
.overHidden{overflow: hidden;height: 100%;}

jquery部分：
$('html,body').addClass('overHidden'); //使网页不可滚动
$('html,body').removeClass('overHidden'); //使网页恢复可滚动

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容