【问题标题】:jquery Sticky Footer issuejquery粘页脚问题
【发布时间】:2012-01-15 06:47:50
【问题描述】:

我遇到了粘页脚的问题,我的意思是 this code

我的例子:http://jsfiddle.net/ecyZw/

问题是页脚不在屏幕底部 (http://i39.tinypic.com/akzeva.png),我的分辨率 - 1920x1080 像素,但是!当我删除顶部栏和页眉时,页脚位于底部。

如何让页脚出现在屏幕底部?

【问题讨论】:

  • 真的不明白你想要什么?
  • 我希望#footer 始终位于底部并在它和#wrapper 之间留出空白,但正如您所见,它无法正常工作
  • 为什么你只使用:#footer{ background:#666; height: 146px; width: 100%; position: fixed; bottom: 0;}
  • @vietean ... 你和position:fixed 的跨浏览器情况有共同点吗?
  • 是的。它适用于所有浏览器,请参阅w3schools.com/cssref/pr_class_position.asp

标签: jquery footer sticky


【解决方案1】:

我认为应该是:

http://jsfiddle.net/ecyZw/1/

您不需要使用窗口滚动或调整大小事件来更新页脚,这只是为了:

#footer{ background:#666; height: 146px; width: 100%; position: fixed; bottom: 0;}

【讨论】:

  • 我知道.. 我可以这样做,但正如我之前所说,我想要页脚和 div #wrapper 之间的边距,如果我为页脚设置 position:fixed 它将与 div #wrapper 重叠较小的屏幕分辨率
猜你喜欢
  • 2011-12-04
  • 2014-09-23
  • 2012-01-23
  • 2018-05-14
  • 2014-07-27
  • 2010-11-28
  • 2012-08-05
相关资源
最近更新 更多