1

訪問者がコンテンツを下にスクロールするときにスライドするはずの右側に「サイドバー」divを含むコンテンツdivがあります。これはすべて正常に機能しますが、下のフッターも無限に押し下げられるため、訪問者はフッター全体を完全に見ることはできません (それ自体は非常に大きい)。

(濃い灰色の) コンテンツ div が終了する場所でスクロール div を停止するにはどうすればよいですか?

これがjsfiddleです:http://jsfiddle.net/vTcqv/4/

完全なプレビュー: http://jsfiddle.net/vTcqv/4/embedded/result/

アドバイスをありがとうございました:)

4

2 に答える 2

0

シンプル: サイドバーをドキュメント全体ではなく、親要素である #maincontainer div に制限します。

交換

documentHeight = $(document).height();

containerHeight = $("#maincontainer").height();

実際に見てください:http://jsfiddle.net/vTcqv/11/embedded/result/

于 2012-06-29T18:58:15.837 に答える
0

ドキュメントの高さにはフッターが含まれています。私の理解が正しければ、フッターで停止したいと考えています。したがって、ドキュメントの高さを次のようにする代わりに:

documentHeight = $(document).height();

フッターのサイズも削除するように変更します。

documentHeight = $(document).height() - $('#footer').height();

コンテンツ div と一致しないというわずかな問題がありますが、簡単に修正できると確信しています。

http://jsfiddle.net/vTcqv/6/

于 2012-06-29T18:33:54.313 に答える