jquery - 使用 jquery 在滚动时使元素边距为 0

Question

我有一个高度为 170 像素的导航栏。在这个导航栏下面是一个固定位置的侧边栏。我想要做的是让侧边栏以 170 像素的边距开始，在用户滚动 170 像素后有 0 边距；这样，侧边栏看起来就像被浏览器顶部捕获。类似于 Instagram 标题的工作方式。我想要的实际上正是堆栈溢出帖子“编辑器”上的黄色侧边栏的工作原理。

Answer 1

你可以尝试这样的事情：

$(document).bind('scroll',function(event) {
    var scrollTop = $(window).scrollTop();
    if (scrollTop <= 170) { $('#sidebar').css('top','170px'); }
    else {
        $('#sidebar').css('top',scrollTop+'px');
    }
});

这是一个工作的jsfiddle