引导模式背景滚动问题

Bootstrap Modal Background Scrolling Issue

本文关键字：滚动 问题 背景 模式      更新时间：2023-09-26

当我的引导模式窗口打开时，我一直无法从主页停止背景滚动。我按照这个StackOverflow问题给出的方向，但到目前为止我还没有成功:当一个模态打开时，防止BODY滚动

在左侧，接近这个页面的顶部，加载后，你会看到一个按钮，上面写着"Large Modal"。如果你点击它，它会打开一个模态窗口。打开后，如果你上下滚动，你会看到背景在移动。http://gettinmobile.com/home.html

我已经按照上面的stackoverflow问题添加了CSS:

body.modal-open {
    overflow: hidden;
}

我已经添加了相同的stackoverflow问题上显示的javascript，虽然我不确定这是正确的:

   <script type='text/javascript'>
   $("#myModal").on("show", function () {
     $("body").addClass("modal-open");
   }).on("hidden", function () {
     $("body").removeClass("modal-open")
   });
   </script>
任何帮助都会很感激，也许有人能看到我做错了什么…谢谢!

在开始绑定事件之前，需要等待jQuery完成加载。最简单的方法是使用一个匿名函数:

$(function(){
    // YOUR CURRENT JS CODE HERE
});

在页面底部的JS代码中，尝试将"$"符号替换为"jQuery"(没有引号)，看看是否有帮助，这是WordPress中常见的情况，很可能是您的问题的根源

相关文章：