我有一个网站,当内容滚动时,页眉/页脚将保持静止在屏幕的顶部/底部。我一直在关注this question,它解释了如何实现这种效果对我有用。向下滚动内容时,您会注意到内容的背景图像被切断。我很困惑为什么会这样,因为我已经将背景图像设置为repeat-y
。我也注意到页脚似乎也隐藏了一些内容。
为了实现这种仅限内容的滚动效果,我在页眉/页脚中添加了position: fixed;
。我将内容保留为position: absolute;
以保持页脚固定在屏幕底部。
- > Link to website
答案 0 :(得分:2)
bottom: 0
添加到您的页脚。这将触及底部。 position: absolute
关闭#content
。#content
的顶部和底部添加额外的填充,这样您的文字就不会隐藏在页眉/页脚的后面。Firebug告诉我,这将解决您网站上的问题。 Ask him yourself