-1

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

4

3 回答 3

2

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

于 2012-11-09T23:43:57.230 回答
1

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

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

当您向下滚动足够多时,内容会结束并显示始终存在的页脚,固定在窗口底部。

祝你好运。

编辑:

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

于 2012-11-09T23:42:34.957 回答
1

它实际上并不太复杂,没有 JS 只有 CSS。它们在页面底部有一个固定的页脚,其 z-index 低于名为#container 的同级 div。然后他们添加 margin-bottom: 240px; #container,因此页面不断滚动到空白边距以显示页脚。很酷的把戏

于 2012-11-09T23:43:42.107 回答