h5页面有弹窗时，禁止非弹窗页面的滑动问题（兼容问题）

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

   解决方法：html,body同时设为overflow:hidden。

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

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

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

 

（注：在电脑网页上还可以用这样的方法：（只在电脑端使用）

当页面有弹窗出现并有遮罩层时，在手机上滑动遮罩层及弹窗，遮罩层下面的页面会跟着进行滚动
  解决：1.手机端及电脑上都管用
   在需要禁止的地方加上
  $(document).bind("touchmove",function(e){ 
                    e.preventDefault(); 
             });
   当不需要禁止滑动事件时加上$(document).unbind("touchmove");
 2.电脑上管用，但是放在app上有问题
   在需要禁止的地方加上
    $(document).css({overflow:"hidden"}); //禁止弹窗后会滑动遮罩层下面的数据页面
          触发过后不需要则加上$(document).css({overflow:"visible"});

）