在移動端中，由於機型的不同，往往在彈窗的時候會出現頁面的穿透事件，使得原頁面還是能夠進行滑動，這是我們不想看到的效果。

首先，建立一個函式

function bodyScroll(event){  
    event.preventDefault();  
} 

之後在觸發彈窗的時候禁止頁面滾動

document.body.addEventListener('touchmove',bodyScroll,false);  
$('body').css({'position':'fixed',"width":"100%"});

關閉彈框時開啟頁面滾動

document.body.removeEventListener('touchmove'
 
,bodyScroll,false);   
$("body").css({"position":"initial","height":"auto"});                                 

注意：切不可以下寫法

document.body.addEventListener('touchmove', function (event) {  
    event.preventDefault();  
},false);  
document.body.removeEventListener('touchmove', function (event) {  
    event.preventDefault();  
},false
 
);