关闭 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:以编程方式将内容从弹出表单更改为模态微调器,然后返回表单
php [magnific popup] jquery magnific popup
html Paul Reny编写的CodePen。 Magnific Popup的CSS3动画效果 - [Magnific Popup]的一系列不同的动画效果(http:// d