jQuery实现侧边栏跟随滚动条固定（兼容IE6）

侧边栏固定功能应用场景

部分购物网站利用此功能展示购物车或商品分类导航，当产品页面较长时，侧边栏能始终固定以发挥其作用；也有网站利用该功能展示侧边栏广告。

jQuery实现代码

jQuery代码：

var rollSet = $('#Roll');// 检查对象，#sidebar-tab是要随滚动条固定的ID，可根据需要更改
var offset = rollSet.offset();
$(window).scroll(function () {
// 检查对象的顶部是否在游览器可见的范围内
var scrollTop = $(window).scrollTop();
if(offset.top < scrollTop){
rollSet.addClass('fixed');
}else{
rollSet.removeClass('fixed');
 }
});

.fixed{position:fixed; top:20px;}
.fixed{_position:absolute; _top:expression((20+(noValue = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');}//兼容IE6