Jqueryはサイドバーがスクロールバーに従って固定されることを実現する(IE 6対応)
807 ワード
一部のショッピングサイトはこの機能でショッピングカートや商品の分類ナビゲーションを置いて、製品のページを長くする時、サイドバーはずっと固定してそのあるべきな作用を発揮することができます。あるウェブサイトはこの機能でサイドバーの広告に来ます。
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');
}
});
CSSコード:
.fixed{position:fixed; top:20px;}
.fixed{_position:absolute; _top:expression((20+(noValue = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');}// IE6