将div设置为不是主体的父级的100％高度

Question

在搜寻Google几天的答案之后，我希望那里的一些天才能够帮助我解决这个棘手的问题。 总的来说，我想要实现的是一个页面页面很大的bg图像网站，该页面使用jquery在每个div之间滚动（实际上与“页面”相同，设置为100％height）。

我的问题是

我有一个人体背景图片，高度约为5000px。

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

因此，当从div滚动到div时，主体bg在下面。

我无法将BODY设置为100％的高度，因为那样会简单地将bg图像“剪切”为浏览器高度。

我需要将bg图片保留完整长度。

有什么可能的方法来实现这一目标？ 我在某处阅读过可以为自己的BODY元素设置ID的信息，但是我不确定这对我试图实现的效果是否有效？

我知道有人在那里有一个答案:)

糊状赞赏

Answer 1

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

html, body { height: 100%; }

我在这里进行了jsFiddle演示： http : //jsfiddle.net/Allan/Vx9dC/