jQuery - 滚动侧边栏

Question

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

（Facebook在首页上做的方式，并在用户上添加滚动）和this网站（如果你滚动到页面底部，其中一个添加总是跟着你）

我想知道如何实现它。

我已经尝试过以下代码片段，但这会立即开始滚动并且无法使用液体布局，因为我希望侧边栏保持在同一个位置并且只向下滚动。

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

相关的fiddle.

Answer 1

定义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;