jQuery - 滚动侧边栏

【问题标题】：jQuery - Scroll sidebarjQuery - 滚动侧边栏
【发布时间】：2012-10-18 12:32:29
【问题描述】：

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

（facebook 在首页和用户滚动添加的方式）和this 网站（如果您滚动到页面底部，其中一个添加始终跟随您）

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

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

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

还有一个相关的fiddle.

【问题讨论】：

【解决方案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;

【讨论】：