当做弹窗效果时,希望弹窗出现的时候网页不可再上下滚动、翻页,可以用body{overflow:hidden},可是做手机站的时候,就不兼容了。
后来找到了解决的办法,就是要html,body同时设为overflow:hidden。
css样式部分:
.overHidden{overflow: hidden;height: 100%;}
jquery部分:
$('html,body').addClass('overHidden'); //使网页不可滚动
$('html,body').removeClass('overHidden'); //使网页恢复可滚动