jquery - 高さが変わるヘッダー付きのスティッキーサイドバー?

Question

何かを達成しようとしていますが、既存の jQuery プラグインで動作させることができません。私が達成しようとしているのは次のとおりです。

ウェブサイトを開くと、上から約 200px の位置にサイドバーがあります。その上にヘッダーがあり、ヘッダーの下にメニューがあります (メニューの上部に到達すると固定されます)。

この下に、サイドバーの div (.sidebar と呼びましょう) が必要です。この div も上部に到達すると固定されます (メニューを除いて、常にページの上部にある必要があります)。

少しわかりやすくするために、これは HTML の簡単な例です。

    <div class="header"></div>
    <div class="menu">always sticky through a jQuery sticky plugin</div>
    <div class="wrapper">
        <div class="sidebar">the part that SHOULD be sticky</div>
        <div class="content">the content that SHOULD scroll</div>
    </div>

明らかに、.sidebar と .content は隣り合っています。

本当に簡単な解決策を忘れていると思いますが、わかりません。