【问题标题】:when magnific popup open page scroll top当 magnific popup 打开页面滚动顶部时
【发布时间】:2017-10-25 06:49:21
【问题描述】:

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

【问题讨论】:

  • 你能告诉我们你的代码吗?
  • 您好,欢迎来到 StackOverflow。请参阅stackoverflow.com/help/how-to-ask,了解如何提出正确的问题并根据指南改进您的问题。作为第一步,请分享您的代码,以便我们查看。

标签: jquery magnific-popup


【解决方案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;
}

【讨论】:

  • 当我使用 fixedContentPos 选项时,我的模态窗口滚动所有页面
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2014-10-30
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多