【发布时间】:2012-05-09 18:36:49
【问题描述】:
我有一个网站,其中页眉/页脚在内容滚动时保持静止在屏幕的顶部/底部。我一直在关注this question,它解释了如何实现这种对我有用的效果。当您向下滚动内容时,您会注意到内容的背景图像被切掉了。我很困惑为什么会发生这种情况,因为我已将背景图像设置为repeat-y。我还注意到页脚似乎也隐藏了一些内容。
为了实现这种仅内容的滚动效果,我在页眉/页脚中添加了position: fixed;。我将内容保留为position: absolute;,以使页脚固定在屏幕底部。
【问题讨论】:
-
除非内容背景应该移动,否则您也可以尝试将其固定到位:
background: url(../img/body.png) 160px 0 fixed; -
仅供参考,在我的屏幕上,页脚距离屏幕底部大约 30 像素。
-
我想让内容背景移动:)
-
@JakeParis 你用的是哪个浏览器?
-
FFx...哎呀,是时候再次更新版本了!那里。火狐12.0