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

Question

我有一个高度为170px的导航栏。此导航栏下方是一个固定位置的侧边栏。我想做的是获取侧边栏，该侧边栏将以 170px 的边距开始，在用户滚动 0px 后具有 170p;这样，侧边栏看起来就像被浏览器顶部捕获一样。类似于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