彈出的滾動條

Question

當網站上出現彈出窗口時，我試圖刪除滾動選項。出於某種原因，當彈出窗口出現時，滾動條仍然顯示。

/******* Lock Scroll When Popup shows **********/ 
jQuery(document).ready(function() { 
    // document is loaded and DOM is ready 
    var light = $("#light").css("display"); 
    if(light == "block") // if value of id 'light' is display:block 
    $('body').css('overflow','hidden'); 
    else 
    $('body').css('overflow','scroll'); 
}); 

Answer 1

是的，您使用的代碼在很多瀏覽器中都可以工作（並且仍然有效），但是在iPad上卻不行。您將不得不做下列事情，但這可能會導致其他錯誤（請相信我，您可能會在溢出區域發生捲動內容的惡夢）：

html, body{ 
    -webkit-overflow-scrolling : touch !important; /* not sure about this line is required now */ 
    overflow: auto !important; 
    height: 100% !important; 
}