fancyBox：如何摆脱生涩的莫代尔窗口闪光

Question

我在投资组合网站上使用fancyBox（带许可证）来显示一系列图像，画廊风格：
Example

当我打开其中一个图像并使用鼠标或箭头键在图库中导航时，下一个图像会出现在距离正确位置之前应该位于其右侧的大约200个像素处。这个行为在演示站点上不存在，我不确定它为什么在我的实现中这样做。

以下是相关脚本：

$(document).ready(function() {
  $('.thumbnail-display-link').fancybox({
    openEffect  : 'none',
    closeEffect : 'none'
  });
});

该脚本不会抛出我的控制台中的任何错误，我不知道从哪里开始对此进行故障排除。任何建议都会被感激地接受！

Answer 1

尝试从您的正文标记中删除position: relative;样式

Answer 2

问题的真正原因是身体元素的尺寸发生了变化。自从您删除position: relative;后，您现在无法相对于它进行定位。我建议使用额外的包装元素。