サイドバーを正しい高さに固定しようとして問題が発生し、目的の効果が得られません。これが私のコードです。
https://jsfiddle.net/oavgLrf9/
2番目のモジュールが一番上に達したときにサイドバーに固定クラスを追加したいのですが、問題は両方のモジュールが高さ自動を使用しているため、モニターによって高さが変わることです。
<div class="sidebar">
<div class="mod-1"></div>
<div class="mod-2"></div>
</div>
また、次の例のように、ユーザーが上にスクロールするとサイドバーも上に移動し、下に達すると絶対に変更されます。
http://jsfiddle.net/gmolop/y3tdL9wd/
スティッキー キット プラグインを使用してみましたが、例 4 のようにほぼ正確に機能しますが、これらの値が変化するため、必要な高さに固執しません。