如何使用CSS或JS创建页脚，如Jamendo的页脚？

-1

我对这个网站的页脚http://www.jamendo.com/以及如何创建一个类似的页脚到我的网站有点困惑。这真的很棘手。如何使用CSS或JS创建页脚，如Jamendo的页脚？

2012-11-09 Cainã

你有什么试过？ – rudolph9

我最初的想法是，白色内容区域是一个包装，比较低的页脚具有更高的Z指数。页脚将位置：固定;底部：0;然后用与页脚高度相同的px填充包装底部。 – Brant

你试过了什么？您在努力复制哪部分功能？它向下滚动时出现的方式？标签？背景颜色？ – Kelvin

很简单。所有内容（没有页脚）都有一个页边距（在这个例子中为240px），页脚有position：fixed和height：240px，bottom：0

2012-11-09 23:43:57

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

内容可能具有适当像素的margin-bottom/padding-bottom，并且z-indexed始终位于页脚之上。

当您向下滚动时，内容结束并显示一直在那里的页脚固定在窗口底部。

祝你好运。

编辑：

另外，如果有疑问，可以使用Chrome的HTML检查器或Firefox的萤火虫。

2012-11-09 23:42:34 Rodik

其实它不太复杂，没有JS只是CSS。他们有一个固定页面底部的页脚，其z-index低于同级别的div，名为#container。然后他们添加margin-bottom：240px; #container，所以页面不断滚动到空边距以显示页脚。酷把戏

2012-11-09 23:43:42 AJak

回答