Javascript：當點擊狀態欄時禁用iOS滾動條到頂部

Question

我有一個網站，我想在燈箱彈出時禁用所有滾動，然後在燈箱關閉時重新啓用它。 我有這樣的：

document.ontouchmove = function(e){ 
    if (stopScroll) { 
     e.preventDefault(); 
    } 
} 

偉大的工程手動滾動，但用戶仍然可以在狀態欄點擊並獲得帶到頁面的頂部（現在的收藏夾不再被居中，或更糟的是，完全離開頁面）。我正在使用JQuery Mobile。我如何在iOS中暫時禁用此功能？

Answer 1

我不相信這是可能的。一個更好的解決問題的辦法是防止您的收藏夾斷裂時滾動通過改變收藏夾位置固定的，而不是絕對的發生：

</style> 
.centered { 
    position: fixed; 
    top: 50%; 
    left: 50%; 
    margin-top: -50px; 
    margin-left: -50px; 
    background:#ccc; 
    width:100px; 
    height:100px; 
} 
</style> 
<div class="centered">I won't scroll off page</div> 

另一種方法是檢查滾動事件，並恢復原來的位置：

$('.show_popup').on('click', function(){ 
    var position= $(window).scrollTop(); // save pos   
    // show popup  
    $(window).scroll(function(){ 
     $(window).scrollTop(position); // restore pos on scroll 
    }); 
}); 

$('.hide_popup').on('click', function(){ 
    $(window).off(); // remove handler 
}); 

例子：jsFiddle