移動端禁止遮罩層以下屏幕滑動

var ruleTxt = $(".wanfan .rule .rule-txt");
var ruleTxtBottom = $(".wanfan .rule .rule-txt .rule-txt-bottom");
var flag = '';
$(".wanfan .rule .rule-btn").on('click',function(){
var h=window.screen.height;
ruleTxt.css({'width':'100%','left':'0px'});
ruleTxtBottom.css({'height':h/2});
$(".rule .rule-txt").animate({'bottom':'0px'});
flag = 1;

});
document.addEventListener('touchmove', function (event) { 　　 //監聽滾動事件
if(flag==1){　　　　　　　　　　　　　　　　　　　　　　　　　　　　//判斷是遮罩顯示時執行，禁止滾屏
event.preventDefault();　　　　　　　　　　　　　　　　　　　//最關鍵的一句，禁止瀏覽器默認行為
}
});

$(".wanfan .rule .rule-txt-top span").click(function(){
$(".rule .rule-txt").animate({'bottom':'-100%'});
flag = 0;
});

發現連遮罩層都不能滑動了，只能用到選擇器;

 

http://www.cnblogs.com/licf/p/4691556.html