Prettyphoto 在第 1 页水平网站的页面开头加载

Question

我目前正在将 PrettyPhoto 实现到一个水平的 1page 网站中： http://www.basenharald.nl/3d（点击我正在谈论的部分的照片和视频关于）

在某种程度上，脚本是有效的。 如果您单击第一张照片（仅链接的一张照片），您会注意到正在发生一些事情。 实际发生的情况是，带有照片的叠加层加载在页面的开头（向左滚动以开始查看它）

我怎样才能使图像在当前位置显示为叠加层？

脚本可以在 http://www.basenharald.nl/3d/js/scripts 找到。 js 但它被缩小了（由于某种原因，未压缩的版本无法下载），

将不胜感激

Answer 1

我自己通过简单地添加这行 css 找到了答案：

div.light_rounded, div.dark_rounded, div.facebook, 
div.light_square, div.dark_square, div.pp_overlay { position: fixed; }

我想在这里为其他人回答它会很好

Answer 2

您好，我在这个问题上可以为您提供更多帮助。

虽然您解决了使正确的内容出现在正确的位置的问题，但页面底部仍然有一个水平滚动条。我假设您并不真正想要这个，因为它看起来很难看，并且您想要的导航是页脚中的八个链接，它们使用 javascript 将页面滚动到正确的屏幕。

要摆脱仍然留下的水平滚动条，您所要做的就是添加以下样式：

body {
    overflow-x: hidden;
}

希望这有助于最终确定您的解决方案。