当大胆弹出打开页面滚动顶部

Question

我有一个巨大的弹出窗口问题。当我点击按钮 - 模态窗口打开，页面滚动到顶部。关闭模态窗口时 - 滚动返回位置反转。我不会页面滚动顶部。也许有人有同样的问题吗？

Answer 1

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

$('#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;
}