如何允许绝对布局的垂直滚动？

Question

我在这个网站上工作http://antoniobrandao.com/v4

所有对象被放在绝对位置。不幸的是，这不能实现垂直滚动。

我读过的父元素使用position:static（在我的情况下，DIVsections-wrapper）会做的伎俩，并且是出现一个滚动条，但是当我试图设置后滚动的内容似乎在视觉上破坏position: fixed我的sections-wrapperDIV。

我新来HTML5所以如果有人能给我一个提示，我会非常感谢！

谢谢

Answer 1

我发现了我自己的问题的答案。

解决方法是手动（通过JavaScript）设置我的“sections-wrapper”和“background”的高度以匹配“sections-wrapper”中各节内容的高度。

这是因为“sections-wrapper”不能自动知道自身内容有多高，所以我们必须自己告诉它。缺点是，当内容在包装中改变高度时，我们必须始终更新此值。不错。

所以如果我的包装内的东西是例如。 1200px：

$('.background').css('height', '1200px'); 
$('#sections-wrapper').css('height', '1200px');