Jqueryはサイドバーがスクロールバーに従って固定されることを実現する(IE 6対応)


一部のショッピングサイトはこの機能でショッピングカートや商品の分類ナビゲーションを置いて、製品のページを長くする時、サイドバーはずっと固定してそのあるべきな作用を発揮することができます。あるウェブサイトはこの機能でサイドバーの広告に来ます。
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');
 }
});
CSSコード:

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