jquery - Fancybox 弹出 - 背景页面的下半部分消失

Question

我在这里设置了一个测试页面：http ://www.hestiacookware.com/shop/product.php?s=presentation-product

当您单击任何图像启动 Fancybox 时，背景页面的一半会消失 - 它只是在某个点切断。

感谢您对此的任何帮助！

Answer 1

您的布局行为很奇怪，因为您的stylesheet.css文件中有这两个 CSS 属性：

第 2 行：

html {
  overflow-y:scroll;
}

第 5 行：

body {
  background: none repeat scroll 0 0 #143721;
  width: 100%;
}

...除非您有充分的理由拥有它们，否则我建议您overflow-y:scroll从html标签和width: 100%标签中删除body。

没有它们，您的布局将正常工作，并且在大多数浏览器中都是一致的。