我有一个巨大的弹出窗口问题。当我点击按钮 - 模态窗口打开,页面滚动到顶部。关闭模态窗口时 - 滚动返回位置反转。我不会页面滚动顶部。也许有人有同样的问题吗?
答案 0 :(得分:2)
将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;
}