當打開模式幷包含CSS3時，防止滾動滾動

Question

我知道這是一個常見問題，但如果包含CSS3，則添加body.modal-open {overflow:hidden;}來解決此問題的解決方案（如post中所述）將不起作用。

• 例如，參見這個bootply，其中可以滾動身體。
• 不包括CSS3的相同示例 - >bootply。標準解決方案完美運作。

當打開模式幷包含CSS3時，如何防止滾動滾動？

Answer 1

添加類noscroll的身體時，模式是開放的，解決了這個問題。

JS：

$("#myModal").on("show", function() { 
    $("body").addClass("noscroll"); 
}).on("hidden", function() { 
    $("body").removeClass("noscroll") 
}); 

CSS：

.noscroll { overflow: hidden; } 

參見bootply。

Answer 2

可以在模式的開放回調使用

$('html, body').css('overflow', 'hidden'); 

，並恢復它的OnClose