当镁基弹出打开页面卷轴时

Question

我对万能弹出有个问题。当我点击按钮-模态窗口打开和页面滚动到顶部。当关闭模态窗口-滚动的位置返回位置反向。我不会不页卷轴顶部。也许有人也有同样的问题？

Answer 1

将fixedContentPos选项MagnificPopup设置为false。默认情况下，它被设置为auto，当您单击该按钮时，页面滚动到顶部。

$('#popupid').magnificPopup({ fixedContentPos = false, //Options... });

编辑

尝试使用此选项(弹出窗口打开时它会添加类，弹出窗口关闭时会删除类)：

callbacks: {
    open: function() {
       jQuery('body').addClass('magnificpopupnoscroll');
    },
    close: function() {
       jQuery('body').removeClass('magnificpopupnoscroll');
    }
}

并添加这个css类：

body.magnificpopupnoscroll{
   overflow-y: hidden !important;
}