javascript - 没有 jQuery 的粘性侧边栏 javascript

Question

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

我的意思不仅仅是位置:固定，它必须保持在同一个位置，然后当您滚动到某个点时开始变粘(固定)。然后它必须在停止点停止跟随。

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

Answer 1

基本上就这么简单:

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 之类的内容添加到元素中。