Jquery plugins 如何创建scribd导航条粘贴效果

有了这个插件，你可以很容易地创建粘性元素。其显示默认情况下位于页面顶部稍下方的导航栏，然后显示以下行为： a当用户向下滚动且导航栏点击视口顶部时，导航栏会固定在视口顶部 b当用户向上滚动到页面顶部时，导航栏将返回其正常位置

我正在尝试做一些类似的事情，但有点颠倒，这与scribd导航栏的效果完全相同。从最底部开始，慢慢向上滚动以查看效果

---

这是怎么做到的？我想航路点会很方便的。谢谢。

我想出了一个解决方案，但仍然对其他实现感兴趣

js:

css:

//#bottomOfEl is the element you want to stick to the bottom of
$("#bottomOfEl").waypoint(function(ev, dir){ 
    $("#navbar").toggleClass('sticky', dir === "up");
    ev.stopPropagation();
}, {
    offset: function() {return $.waypoints('viewportHeight') 
                                - $(this).height() 
                                - $("#navbar").height();
            } 
})   

#navbar {
    height: 40px;
    width: 500px;
    z-index: 10;
}
.sticky { 
    position: fixed;
    bottom: 0px;
}