当打开模式并包含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