2012-04-23 14 views
0

回答のためにgoogleを数日後に、私はいくつかの天才が私がこのトリッキーな問題を手伝ってくれることを願っています。 全体的に私が達成しようとしているのは、jqueryを使って各div間をスクロールする非常に大きなbg画像(100%の高さに設定された 'ページ'と実質的に同じ)を持つ1ページのウェブサイトです。身分ではない親の高さを100%に設定してください

は私の問題は、私は身体の背景画像を持っている...

あり、それは約5000pxの高さです。

私は3つのdivをそれぞれブラウザウィンドウの100%の高さにします。

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

BODYを100%の高さに設定することはできません。これは、bgイメージをブラウザの高さに単にカットするためです。

bgイメージを全長に保つ必要があります。

これを実現する方法はありますか?私はあなたのBODY要素にIDを設定することができますが、達成しようとしているものについては効果的かどうかわかりません。

私はそこにいくつかのいずれかが答えを持っている:)

マッシュは、私は今、あなたのコード例を見てきた、と私は私が問題を見つけたと思う

+0

未知数の多くは私のためにここにあり、あなたには、いくつかのサンプルコードを貼り付けることができますか?そうすれば、すぐに答えが出ます。 –

+0

私のDivは100%の高さであり、それぞれメニュー、画像、コンテンツがあります。彼らはブラウザウィンドウに合っていなければなりません。しかし問題は私のbgイメージが非常に長く(約5000px)、これらのdivの3つすべての下に流れる必要があることです。私のdivsを100%の高さにすることができる唯一の方法は、BODYを100%に設定した場合ですが、それは私のbgイメージをカットするので動作しません。 '

100% height of browser
100% height of browser
100% height of browser
' – Stacey

答えて

0

を感謝知っています。 htmlタグを高さ100%にするのを忘れてしまった場合、問題が発生します。私はここにjsFiddleのdemostationを作っ

html, body { height: 100%; } 

::次のように行うようにしてくださいhttp://jsfiddle.net/Allan/Vx9dC/

+0

すごいそう単純なもの、本当にありがとうございました!これはまさに私が達成しようとしてきたものです。 – Stacey

+0

ok divにトップとボトムのbg画像があればどうでしょうか?本体は依然としてトップに位置する必要があります。多くを混乱させた – Stacey

+0

私はあなたが達成したいと思うか分からない?あなたは写真でそれを説明できますか? –

関連する問題