ヘッダー/フッターが静止している間のコンテンツのスクロール

Question

私は、コンテンツがスクロールしている間、ヘッダー/フッターが画面の上部/下部に固定されたままのWebサイトを持っています。私はthis questionに従っており、どのようにこの効果を達成するのかについて説明しています。コンテンツを下にスクロールすると、コンテンツの背景イメージが切り取られるようになります。背景画像をrepeat-yに設定したので、なぜこれが起こっているのか混乱しています。私はまた、フッターがコンテンツの一部も隠しているように見えることに気付きました。

このコンテンツのみのスクロール効果を実現するために、position: fixed;をヘッダー/フッターに追加しました。私はposition: absolute;のコンテンツを残して、フッターを画面の下部に固定したままにしました。

- >Link to website

Answer 1

1. まず第一に、あなたのフッターにbottom: 0を追加します。それは底に触れるようにそれをもたらすでしょう。
2. position: absoluteを#contentから外してください。
3. 最後に、#contentの上部と下部に余分なパディングを追加して、テキストがヘッダー/フッターの後ろに隠れないようにします。

あなたのサイトの問題を解決すると、Firebugは教えてくれます。 Ask him yourself。