jQuery实现侧边栏跟着滚动条(兼容IE6)
一些购物网站使用此功能对购物车或商品进行分类和浏览,这样当产品页面很长时,侧边栏可以一直发挥其应有的作用。一些网站使用这个功能来宣传边栏。jQuery代码:
复制代码代码如下所示:
rollset = $(var的#卷'); / / #边栏选项卡是检查对象,与固定ID滚动,根据需要改变
无功补偿= rollset.offset();
$(窗口)。滚动(函数(){)
检查对象/顶部是否在范围内可见。
VaR scrollTop = $(窗口)ScrollTop();
如果(offset.top < scrollTop){
RollSet.addClass(固定的);
其他{ }
RollSet.removeClass(固定的);
}
});
CSS代码:
复制代码代码如下所示:
固定:固定位置。{顶:20px;};
。固定{ _position:绝对的;_top:表达((20 +(价值= document.documentelement.scrolltop document.documentelement.scrolltop:文档。身体。scrollTop)+ 'px));} / /兼容IE6