我目前正在将PrettyPhoto应用于横向1页网站: http://www.basenharald.nl/3d(点击我正在谈论的部分的照片和视频)
在某种程度上,脚本可以正常工作。 如果您单击第一张照片(只有一张照片),您会注意到某些事情正在发生。 实际发生的是在页面开头加载照片的叠加层(滚动方式向左开始看到它)
如何制作图像以使图像在当前位置显示为叠加效果?
脚本可以在http://www.basenharald.nl/3d/js/scripts.js找到,但它已缩小(由于某种原因,未压缩的版本无法下载)
帮助将不胜感激
答案 0 :(得分:2)
通过简单地添加这行css来找到答案:
div.light_rounded, div.dark_rounded, div.facebook,
div.light_square, div.dark_square, div.pp_overlay { position: fixed; }
认为在这里为其他人回答它会很好
答案 1 :(得分:0)
您好我在这个问题上为您提供了额外的帮助。
虽然您解决了使正确的内容出现在正确位置的问题,但您仍然在页面底部有一个水平滚动条。我假设你真的不想要这个,因为它看起来很难看,而你想要的导航是你的页脚中的八个链接,它们使用javascript将页面滚动到正确的屏幕。
要摆脱仍然留下的水平滚动条,您需要做的就是添加以下样式:
body {
overflow-x: hidden;
}
希望这有助于最终确定您的解决方案。