0

经过几天的谷歌搜索后，我希望那里的一些天才能够帮助我解决我遇到的这个棘手问题。总的来说，我想要实现的是一个 1 页的网站，它有一个非常大的 bg 图像，它使用 jquery 在每个 div 之间滚动（这实际上与“页面”相同，设置为 100% 高度）。

我的问题是..

我有一个身体背景图片，大约 5000 像素的高度。

我有 3 个 div，我希望每个 div 都是浏览器窗口的 100% 高度。

因此，当从 div 滚动到 div 时，主体 bg 位于下方。

我无法将 BODY 设置为 100% 高度，因为这只会将我的 bg 图像“切断”到浏览器高度。

我需要保持我的 bg 图像的全长。

有没有可能的方法来实现这一目标？我在某处读到您可以为您的 BODY 元素设置一个 ID，但是我不确定这对于我想要实现的目标是否有效？

我知道有人有答案:)

穆什赞赏

4

1 回答 1

0

我现在已经看到你的示例代码了，我想我找到了问题所在。您忘记将 html 标记的高度设置为 100%，这会导致您的问题。尝试这样做：

html, body { height: 100%; }

我在这里做了一个 jsFiddle 演示：http: //jsfiddle.net/Allan/Vx9dC/

于 2012-04-24T09:34:51.357 回答