fancybox - 如何使用 Fancybox 版本 2 获得绝对定位？

Question

我们通过像这样传递内容来手动加载fancybox：

$.fancybox({
    content: content,
    showCloseButton: false,
    transitionIn: 'fade',
    transitionOut: 'fade',
    speedIn: 600,
    padding: 0,
    fixed: false
});

我们希望花式框在首次加载后保持在与文档相关的位置（绝对定位）。

将fixed 设置为false 会使fancybox 在滚动期间弹性地停留在屏幕中央。我们真的很喜欢fancybox：

• 加载时在视口中居中
• 滚动时保持绝对定位并保持相对于文档的位置

有任何想法吗？

Answer 1

想通了，您还需要将 autoCenter 设置为 false ，如下所示：

$.fancybox({
    content: content,
    showCloseButton: false,
    transitionIn: 'fade',
    transitionOut: 'fade',
    speedIn: 600,
    padding: 0,
    fixed: false,
    autoCenter: false
});