Jquery 固定左导航后的某一点与粘性标题

我想制作一个带有粘性标题的页面原型，该标题有一个“固定的”左侧导航

HTML:

---

现在，我希望“left”div保持在粘贴的头贴滚动条的正下方（并保持在那里）。如何实现这一点？

使用stickyfloat插件

---

只需将偏移设置设置为topnav有多高，它就会保持在其下方。

你能告诉我我这里做错了什么吗？我对容器和父容器进行了css更改，并为nav调用了该函数，但它不起作用。

<div class="nav-container">
    <div class="nav">
        <div id="bad"> </div>
    </div>
</div>

<div id = "container">
    <div id = "left"> </div>
    <div id = "right"> </div>
</div>

var nav = $('.nav-container');
$(window).scroll(function () {
    if ($(this).scrollTop() > 200) {
        if (!nav.hasClass('f-nav')) {
            nav.addClass("f-nav");
            nav.hide();
            nav.slideDown("slow");
            $('#bad').css('background-color', 'red');
        }
    } else {
        nav.removeClass("f-nav");
        // nav.slideUp("slow");
        $('#bad').css('background-color', 'yellow');
    }
});