0

答えを求めてグーグルを数日間探し回った後、私が抱えているこのトリッキーな問題について、天才が助けてくれることを願っています。全体的に私が達成しようとしているのは、jqueryを使用して各div間をスクロールする非常に大きなbg画像を持つ1ページのWebサイトです(これは実質的に「ページ」と同じで、高さ100%に設定されています)。

私の問題は..

高さ約5000pxのボディ背景画像があります。

それぞれをブラウザ ウィンドウの 100% の高さにしたい 3 つの div があります。

したがって、div から div にスクロールすると、body bg が下になります。

BODY を 100% の高さに設定することはできません。これは、bg 画像をブラウザーの高さに合わせて単純に「カットオフ」するためです。

bg 画像を完全な長さで保持する必要があります。

これを達成する方法はありますか?? BODY要素にIDを設定できる場所を読みましたが、それが達成しようとしていることに効果があるかどうかはわかりませんか?

私はそこに誰かが答えを持っていることを知っています:)

マッシュ感謝

4

1 に答える 1

0

サンプルコードを見てきましたが、問題が見つかったと思います。html タグの高さを 100% にするのを忘れたため、問題が発生しました。このようにしてみてください:

html, body { height: 100%; }

ここで jsFiddle デモステーションを作成しました: http://jsfiddle.net/Allan/Vx9dC/

于 2012-04-24T09:34:51.357 に答える