html - 在页眉/页脚保持静止时滚动内容

Question

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

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

->链接到网站

Answer 1

1. 首先，添加bottom: 0到您的页脚。这将使它下降到触底。
2. 现在，position: absolute起飞#content。
3. 最后，在顶部和底部添加额外的填充，#content这样您的文本就不会隐藏在页眉/页脚后面。

Firebug 告诉我这将解决您网站上的问题。问他自己。