没有 jQuery 的粘性侧边栏 javascript

如何制作带有塞子的粘性垂直侧边栏，但是withoutjQuery？有没有任何片段/插件？我不需要它来支持旧版浏览器。

我的意思不仅仅是位置：固定，它必须保持在同一个位置，然后当您滚动超过某个点时开始粘性（固定）。然后它必须在停止点停止跟随。

Like http://stickyjs.com http://stickyjs.com，但不是 jQuery。有许多可用的 jQuery 插件。

基本上就这么简单：

window.onscroll = function() {
    var sticky = document.getElementById('stickynav');
    if( document.body.scrollTop+document.documentElement.scrollTop > 240)
        sticky.className = "stuck";
    else sticky.className = "";
};

然后只需在中定义样式.stuck添加类似内容的类position:fixed到元素。