-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-index されています。

十分に下にスクロールすると、コンテンツが終了し、ウィンドウの下部に固定されているフッターが表示されます。

幸運を。

編集:

また、疑わしい場合は、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 に答える