jQuery弹出式叠加层（后台ScrollLock不起作用）

Question

我正在使用此处找到的“ jQuery Popup Overlay”：

（https://dev.vast.com/jquery-popup-overlay/）

我正在活动查找网站上使用此弹出式叠加图。当用户单击某个事件时，“弹出式叠加层”会在页面上方展开，并提供有关该事件的更多信息。

弹出式叠加层文档提供了“ ScrollLock”功能的选项，这是我要实现的功能。

弹出窗口叠加层可以正常工作，并且我需要的信息已正确提取到其中。

但是问题是背景可以在弹出窗口后面滚动。

我当前的Javascript如下：

<script>
//Big Overlay Pop Up
    $('#popup1').popup();
</script>


<script src = "js/popup.js">
//Pulls specific event info from Javascript sheet
</script>


<script>
//ScrollLock
    $('#scrolllock').popup({
      scrolllock: true
    });
</script>