如果网站滚动则隐藏页脚,如果不滚动则显示

时间:2012-03-22 10:58:14

标签: html css

之前我问这个问题是我的两个限制因素:

  • 应该可以在IE 7 +
  • 中使用
  • 我只能更改CSS,我无法更改HTML / JS

所以,我有两个div:

<div id="content"></div>
<div id="footer"></div>

“#content”是内容。 “#footer”是一个页脚,它只包含一个背景图像,没有任何真正有价值的内容。

现在,当页面滚动太长时,如何隐藏部分页脚,但是当页面不滚动时如何完全显示?

(到目前为止,我尝试了类似的东西:

#footer {height: 30px; margin-bottom: -20px;}

但这似乎不起作用......)

1 个答案:

答案 0 :(得分:0)

这里只有HTML和CSS的解决方案:

来源: http://www.cssstickyfooter.com/using-sticky-footer-code.html

实施例: http://www.cssstickyfooter.com/

祝你好运