1

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

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

->ウェブサイトへのリンク

4

1 に答える 1

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

Firebug は、あなたのサイトの問題を解決すると教えてくれました。彼に聞いてみてください。

于 2012-05-09T18:41:02.307 に答える