标记html宽度溢出-y和fancybox滚动

Question

对于可能出现的英语错误，我提前道歉。

接下来是我的问题。在我的 style.css 中，html 标签有属性overflow-y:scroll。更远我连接fancybox v3。当我调用花式模态时，它会正确打开。但是窗口并没有按中心固定，因为花哨的从 html 标签继承了溢出-y：滚动。我该如何解决？当幻想打开时，滚动条不应该显示给我。

Answer 1

您可以在打开模式时通过 jQuery 或其他方式简单地更改 CSS 定义，然后在关闭模式时恢复为“滚动”。像这样的...

$('[data-fancybox]').fancybox({
    afterShow: function( instance, slide ) {

        $('html').css('overflow-y','inherit');

    },
    afterClose: function( instance, slide ) {

        $('html').css('overflow-y','scroll');

    }
});