jquery - jqueryはサイドバーを動的に塗りつぶし（高さが大きくなるように）、上から下に配置してスクロールします

Question

スクロール中に動的に ajax で満たされたサイドバーがあります (高さが大きくなります)。

cssとjqueryを上または下に置いておきたい場合は、問題なく設定できます。

しかし、サイドバーの高さがウィンドウの高さよりも小さいときはサイドバーを上に置き、高さがウィンドウの高さを超えたときにサイドバーを下から配置したい場合のトリックは何ですか?

ご清聴ありがとうございました、エリック

Answer 1

.height()jqueryの関数を使用してdivの高さを取得できます。詳細については、 http：//api.jquery.com/height/を参照してください。

このように使用できます：

if ($('#sidebar').height() > 400) {
    $('#sidebar').addClass('top');
} else {
    $('#sidebar').addClass('bottom');
}