jquery - jQuery - 滚动侧边栏

Question

我正在尝试创建一个随页面滚动的侧边栏。但我希望它在用户滚动到侧边栏的顶部边框后开始滚动。

（facebook 在首页上的方式以及与用户一起滚动的添加滚动）和此站点（如果您滚动到页面底部，其中一个添加始终跟随您）

我想知道我将如何实现它。

我尝试了以下代码段，但这会立即开始滚动并且不适用于液体布局，因为我希望侧边栏保持在同一个位置并且只向下滚动。

$(window).scroll(function () { 
    $("#sidebar").css("position", "fixed").css("top", "50px").css("right", "50px");         
});

还有一个相关的小提琴。

score 0 · Accepted Answer

定义minHeight

minHeight = YOUR-FAVORITE-HEIGHT-IN-PIXEL-WITHOUT' px';

万一，在scroll检查后做你想做的一切：

if($(window).scrollTop() > minHeight) {
   // change sidebar style, blah blah blah...
}esle{
   // roll back sidebar style, blah blah blah...
}

编辑：

设置minHeight为$('#sidebar').offset().top;

1 回答 1