javascript - fancyBox：如何摆脱生涩的模态窗口闪烁

Question

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

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

这是相关的脚本：

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

该脚本不会在我的控制台中抛出任何错误，我不知道从哪里开始解决这个问题。任何建议将不胜感激！

score 2 · Accepted Answer

2

position: relative;尝试从你的身体标签中去除风格

于 2012-05-03T03:52:14.640 回答

score 2 · Accepted Answer

问题的真正原因是 body 元素的尺寸发生了变化。由于您删除了position: relative;您现在无法相对于它定位。我建议改用额外的包装元素。

2 回答 2