スクロールしない固定位置のサイドバー - コンテンツの高さと高さを設定する

Question

固定サイドバー（ナビゲーション）と通常のスクロールを行うコンテンツ領域を持つ単純なページがあります。サイドバーの位置：固定、コンテンツ領域は通常です。

サイドバー（ブラウザよりも高い場合）は、スクロールバーを使用してサイドバーコンテンツの残りの部分を表示します。それはクール、それはそのように動作します。

私はサイドバーを取得しようとしていますが、そのコンテンツの高さを高く設定してスクロールしていません。したがって、すべてのコンテンツがロードされているサイドバーの高さが2000pxの場合、高さは2000pxに設定されているので、スクロールバーはありません。固定サイドバーを2000ピクセル高くするだけです。

これは最小の問題ですか？私はこれを行う簡単な方法があるように感じるが、私はそれを理解することができないほど長い間それをしてきた。 IveはscrollHeight、height（）を使用しました。解決策を得ることができません。

ありがとう

Answer 1

divを展開できるようにCSSの高さを削除するには、overflow：none;を設定します。

ここでそれ以外の場合は同様の質問と回答：

Make div 100% height of browser window

Answer 2

何のコード提出がないので、これは、私が質問から理解するものです。

ページロード後に内容の高さを「mesure」すると、サイドバーの高さをこの値に設定できます。

document.ready(function(){ 
    contentHeight = $("#content").css("height"); 
    // set sidebar height 
    $("#sidebar").css({"height":contentHeight}); 
}); 

ページの最後に配置すると、ページロード後に実行されます。
高さがビューポートを超えている場合に表示されるので、スクロールバーが削除されるかどうかはわかりません。 サイドバーにcssを設定して、overflow：hiddenにする必要があります。