手机H5页面iframe子页面 禁止 父页面滚动条,滑动

原网页http://www.daixiaorui.com/read/158.html

当做弹窗效果时,希望弹窗出现的时候网页不可再上下滚动、翻页,可以用body{overflow:hidden},可是做手机站的时候,就不兼容了。


试了很多次都没有用,后来找到了解决的办法,就是要html,body同时设为overflow:hidden。


具体实现范例代码:


css样式部分:

.ovfHiden{overflow: hidden;height: 100%;}


jquery部分:

$('html,body').addClass('ovfHiden'); //使网页不可滚动

$('html,body').removeClass('ovfHiden'); //使网页恢复可滚动

你可能感兴趣的:(笔记)