关闭 Magnific Popup 后留在页面上的相同位置

Posted

技术标签:

【中文标题】关闭 Magnific Popup 后留在页面上的相同位置【英文标题】:Stay at the same position on page after closing Magnific Popup 【发布时间】:2018-02-23 13:01:05 【问题描述】:

当我关闭 Magnific Popup 时,页面应该与我打开 Magnific Popup 时的位置相同。现在,关闭 Magnific Popup 后,我必须滚动到打开的画廊。

这里是网站: https://www.perfora.sk/produkty/dizajnove-plechy/

问题是:

始终使用 Firefox(54.0.1(32 位)) 在 Chrome (60.0.3112.101) 上刷新后;如果我第二次打开它,它 工作正常

画廊名称:Rythmic Illusion Cubrik、Rythmic Orchestra、Rythmic Gota、Rythmic Exau 和 Rythmic Corail。

我不得不说,我必须滚动大约 100 像素回到打开的画廊。不是很多,但是关闭 Magnific Popup 后我应该保持在同一个位置。

感谢您的帮助。

Described issue

【问题讨论】:

【参考方案1】:

试试 autoFocusLast:

autoFocusLast: false

在弹出窗口关闭后防止最后一个焦点链接/图像。选项自 2015/12/16 起可用。

【讨论】:

【参考方案2】:

尝试将 'fixedContentPos' 设置为 false,如下所示:

$.magnificPopup.open(
  items: 
    src: '#popup-exit-form' //ID of inline element
  ,
  fixedContentPos: false,
  type: 'inline',
  removalDelay: 500, //Delaying the removal in order to fit in the animation of the popup
  mainClass: 'mfp-fade mfp-fade-side', //The actual animation
);

【讨论】:

以上是关于关闭 Magnific Popup 后留在页面上的相同位置的主要内容,如果未能解决你的问题,请参考以下文章

“magnific.popup.js”的延迟加载

Magnific-Popup Gallery 不会打开两次

magnific popup:以编程方式将内容从弹出表单更改为模态微调器,然后返回表单

php [magnific popup] jquery magnific popup

灯箱效果插件Magnific Popup详解

html Paul Reny编写的CodePen。 Magnific Popup的CSS3动画效果 - [Magnific Popup]的一系列不同的动画效果(http:// d