如何使用CSS或JS创建类似Jamendo页脚的页脚?

时间:2012-11-09 23:35:25

标签: javascript html css

我对此网站的页脚http://www.jamendo.com/以及如何为我的网站创建类似的页脚感到有点困惑。这真的很棘手。

3 个答案:

答案 0 :(得分:2)

这很简单。所有内容(没有页脚)都有一个边距(在本例中为240px),页脚的位置为:fixed和height:240px,bottom:0

答案 1 :(得分:1)

页脚位置:始终固定在屏幕底部。

内容可能有适当像素的边距底部/填充底部,并且z-indexed始终位于页脚之上。

当你向下滚动时,内容结束并显示一直存在的页脚,固定在窗口的底部。

祝你好运。

修改

此外,如有疑问,请使用chrome的html检查程序或Firefox的firebug。

答案 2 :(得分:1)

它实际上并不太复杂,没有JS只是CSS。他们在页面底部有一个页脚,其z-index低于一个名为#container的兄弟div。然后他们添加保证金底部:240px; #container,因此页面会一直滚动到空边距以显示页脚。酷玩法