我正在创建这个网站,当您单击标题第二行最右端的链接时,模式窗口会显示 youtube 视频 嵌入。
当我滚动模式时,BODY 也会滚动,我想停止它。我怎么能那样做?
帮助将不胜感激! 感谢您的宝贵时间。
最佳答案
在您的 CSS 中添加以下规则:
body.modal-open {
overflow: hidden;
}
此外,使用一些 jQuery,以便在模式打开时添加 .modal-open
类别为 <body>
标签,当它关闭时,您将其删除。
$("#myModal").on("show", function () {
$("body").addClass("modal-open");
}).on("hidden", function () {
$("body").removeClass("modal-open")
});
关于javascript - 打开模态视图时禁用主体滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29897300/