Question

当我的Bootstrap模态窗口打开时，我无法停止从主页面滚动背景。我按照StackOverflow问题中给出的指示，但到目前为止我没有成功：Prevent BODY from scrolling when a modal is opened

在左侧，靠近此页面顶部，加载后，您会看到一个显示“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>

任何帮助都会受到赞赏，也许有人可以看到我做错了什么......谢谢！

Answer 1

在开始绑定事件之前，您需要等待jQuery完成加载。您可以使用匿名函数最简单地完成此操作：

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

Answer 2

在页面底部的JS代码中，尝试替换＆＃34; $＆＃34;用＆＃34; jQuery＆＃34;签名（没有引号），看看是否有帮助，这是WordPress中常见的事情，很可能是问题的根源

Bootstrap模态背景滚动问题

2 个答案: