页眉/页脚滚动内容仍然静止

Question

我有一个网站，其中页眉/页脚将保持静止在屏幕的顶部/底部，而内容滚动。我一直在关注this question，它解释了如何为我实现这种效果。在向下滚动内容时，您会注意到内容的背景图像被切掉。我很困惑，为什么会发生这种情况，因为我已将背景图像设置为repeat-y。我也注意到页脚似乎也隐藏了一些内容。

为了实现这种仅限内容的滚动效果，我将position: fixed;添加到页眉/页脚。我用position: absolute;离开了内容，将页脚固定在屏幕的底部。

- >Link to website

Answer 1

1. 首先，添加bottom: 0到您的页脚。这将触及底部。
2. 现在，取position: absolute关闭#content。
3. 最后，在#content的顶部和底部添加额外的填充，以便您的文本不会隐藏在页眉/页脚后面。

Firebug告诉我，这将解决您的网站上的问题。 Ask him yourself。