当宏伟的弹出窗口打开页面滚动到顶部

Question

我对 magnific 弹出窗口有疑问。当我单击按钮时 - 模态 window 打开并且页面滚动到顶部。当关闭模式 window - 滚动位置 return 位置反转。我不会将页面滚动到顶部。也许有人有同样的问题？

Answer 1

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

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

编辑

也尝试使用此选项（它在弹出窗口打开时添加 class 并在弹出窗口关闭时删除它）：

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

并添加此 css class:

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

当宏伟的弹出窗口打开页面滚动到顶部

when magnific popup open page scroll top

jquery

magnific-popup