如何禁用移動瀏覽器上的滾動？

Question

我想禁用用戶打開彈出窗口（但他可以滾動它）在網頁上滾動。

彈出元素具有以下屬性：

#popup { 
    display: none; 
    width: 100%; 
    height: 100%; 
    z-index: 10; 
    position: fixed; 
    background-color: #3F3F3F; 
    overflow: auto; 
    left: 0; 
    top: 0; 
} 

而且當用戶打開一個彈出窗口，下面的代碼被稱爲：

$('#popup').show(); 
$('html').attr('style', 'overflow: hidden;'); 
$('body').attr('style', 'overflow: hidden; position: relative;'); 

該解決方案完全在桌面瀏覽器中運行，但不幸的是不在手機上。

在手機上，始終可以滾動（但滾動速度較慢）。

如何禁用在手機瀏覽器上滾動？

在此先感謝。

Answer 1

更改主體position至fixed。這將禁用滾動。