弹出覆盖中的滚动锁定不起作用

Question

我正在使用popup-overlay js插件。 scrolllock选项似乎无法正常工作。有人知道我该怎么解决这个问题？

我需要的是能够在弹出窗口处于活动状态时禁用页面滚动。并在鼠标滚轮和触摸屏幕关闭时启用页面滚动。

$('#theDIV').popup({
  scrolllock: true
});

Answer 1

从您的jsfiddle示例中，我认为您的代码没有任何问题。这只是插件源代码链接不起作用的问题。

<script src="http://vast-engineering.github.io/jquery-popup-overlay/jquery.popupoverlay.js"></script>

如果您访问该源链接，您将看到404页面而不是源代码。要解决此问题，您可以从here下载源代码，然后将其托管在您自己的服务器上。或者您可以更改脚本以链接到：

<script src="https://raw.githubusercontent.com/vast-engineering/jquery-popup-overlay/gh-pages/jquery.popupoverlay.js"></script>

我更新了工作jsfiddle here。

希望这有帮助！