Question

每当我在这个网站上使用fancybox时，就会出现这种奇怪的，不稳定的滑动动作。如果向下滚动并单击其中一个播放器，则会显示弹出窗口。单击向右或向左箭头，您将看到我的意思。滑动不顺畅。

我通过CSS查看了一些不寻常的内容，但无法发现任何内容。坦率地说，我发现调试真的很尴尬。如果有人和他们的答案解释了他们如何能够调试它，那就太好了。

感谢。

Answer 1

Fancybox根据API设置和内容维度动态计算.fancybox-wrap容器的位置和边距，例如，可能会产生如下结果：

element.style {
  height: auto;
  left: 279px;
  opacity: 1;
  overflow: visible;
  position: absolute;
  top: 28px;
  width: 808px;
}

...但是，您的screen.css文件中有这些css规则（第1768行和第2381行）：

.fancybox-opened {
  top: 10px !important;
}

...所以fancybox包装器在show之后从原来的top: 28px;（如上所述）跳到top: 10px;。

注意，fancybox主包装器同时包含两个类：.fancybox-wrap和.fancybox-opened

如果某人和他们的答案解释了他们如何调试它，那将会很棒。

使用Firebug跟踪继承的css样式和fancybox元素的布局。无论如何，在通过css修改插件的选择器时要小心，以避免出现意外结果。