在t＆c框打开的情况下防止背景滚动

Question

打开我的网站后，您会看到一个T＆C和GDPR模式框see here。但是，打开后背景仍会滚动，我尝试使用代码来停止滚动，但这阻止了整个网站的滚动。任何帮助将不胜感激。

OUR WEBSITE

---

html,body.modal-open { 
  overflow: hidden;
}

.allowScroll {
  overflow: scroll !important;
}

---

jQuery(function($) {
  $(".termsagree").on("click", function() {
    $("html, body.model-open").addClass("allowScroll");
  });
});

编辑，除非您点击同意，否则弹出窗口将不会再次显示，除非您在另一个隐身页面中重新加载了网站！

Answer 1

我在您的网站上找不到css选择器“ modal-open”，但是类似的东西可能有用吗？

以此替换示例代码。

jQuery：

jQuery(document).ready(function ($) {
    if($('#tlight').length){
        $('body').css('overflow', 'hidden');
    } 
});

从外观上，一旦单击“同意”按钮，页面就会重新加载并从DOM中删除“ #tlight”元素。因此，这将是检查页面加载时是否存在，以及是否确实将主体溢出设置为隐藏。您可能需要根据当前的CSS向其中添加“重要”。