Javascript 带粘性导航栏的粘性边栏

我正在尝试制作具有以下期望行为的布局：

红色条表示我希望侧边栏“粘贴”的位置。目前，我有一个标题，当页面滚动时，下面的导航栏会粘在页面顶部。然后标题和侧边栏继续滚动。当边栏位于长度的末端时，它会粘在底部。然后，当主要内容（由单个帖子组成）结束时，页脚会出现，并“推”侧边栏的底部

然后，当向上滚动时，同样的情况反过来发生（最好是侧边栏向上滚动，直到它的顶部在视图中，然后粘到导航栏下方的顶部）

目前，通过使用该插件，我几乎实现了所有期望的行为，但我无法使边栏停留在导航栏下方而不是顶部

如果需要，可以找到链接

当前jQuery：

$(document).ready(function(){
    $('nav').clone().addClass('scroll').prependTo('#wrapper');
    $("#aside").stick_in_parent();
});
var nav = $("nav");
var pos = nav.position();                    
$(window).scroll(function() {
    var windowpos = $(window).scrollTop();
    if (windowpos >= pos.top) {
        $('nav.scroll').fadeIn(0);
    } else {
        $('nav.scroll').fadeOut(0);
    }
});

加价

<div id="wrapper">
    <header></header>
    <nav></nav>
    <div id="aside"></div>
    <div id="posts"></div>
</div>

---

使用插件的

offset\u top

选项解决了问题。当我有

$（“#放在一边，#帖子”）时，它一开始不起作用但是当我把它改成
$（“#aside”）的时候成功了