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

时间:2012-05-09 18:36:49

标签: html css

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

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

- > Link to website

1 个答案:

答案 0 :(得分:2)

  1. 首先,将bottom: 0添加到您的页脚。这将触及底部。
  2. 现在,position: absolute关闭#content
  3. 最后,在#content的顶部和底部添加额外的填充,这样您的文字就不会隐藏在页眉/页脚的后面。
  4. Firebug告诉我,这将解决您网站上的问题。 Ask him yourself