var rollSet = $('#Roll');// 檢查對象，#sidebar-tab是要隨滾動條固定的ID，可根據(jù)需要更改
var offset = rollSet.offset();
$(window).scroll(function () {
 // 檢查對象的頂部是否在游覽器可見的范圍內(nèi)
 var scrollTop = $(window).scrollTop();
 if(offset.top < scrollTop){
  rollSet.addClass('fixed');
 }else{
  rollSet.removeClass('fixed');
 }
});

CSS代碼：

復(fù)制代碼代碼如下:

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

您可能感興趣的文章:

相關(guān)文章

jQuery實現(xiàn)最簡單的切換圖效果【可兼容IE6、火狐、谷歌、opera等】
這篇文章主要介紹了jQuery實現(xiàn)最簡單的切換圖效果,可兼容IE6、火狐、谷歌、opera等瀏覽器,涉及jQuery結(jié)合時間函數(shù)動態(tài)操作頁面元素的相關(guān)技巧,非常簡單實用,需要的朋友可以參考下
2016-09-09
jquery實現(xiàn)div拖拽寬度示例代碼
本例為大家演示個比較簡單的div拖動，另外可根據(jù)自己的需求，添加相應(yīng)的代碼，實現(xiàn)自己的想要的效果，具體如下，喜歡的請支持下
2013-07-07
jQuery實現(xiàn)參數(shù)自定義的文字跑馬燈效果
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)參數(shù)自定義的文字跑馬燈效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-08-08
用示例說明filter()與find()的用法以及children()與find()的區(qū)別分析
本篇文章介紹了，用示例說明filter()與find()的用法以及children()與find()的區(qū)別分析。需要的朋友參考下
2013-04-04
常用jQuery代碼分享
本文給大家分享了幾個常用的jQuery代碼，十分的簡單實用，有需要的小伙伴可以參考下。
2015-07-07
artDialog雙擊會關(guān)閉對話框的修改過程分享
artDialog，一個jquery的對話框插件但是在使用時發(fā)現(xiàn)鼠標(biāo)雙擊時會自半對話框，下面與大家分享下具體的修改過程，感興趣的朋友可以參考下
2013-08-08
input:checkbox多選框?qū)崿F(xiàn)單選效果跟radio一樣
checkbox是多選，怎么才能讓他變成單選，效果跟radio一樣呢，本菜鳥就自己寫了個小程序，代碼很簡單
2014-06-06
jquery右下角自動彈出可關(guān)閉的廣告層
jQuery實現(xiàn)右下角自動彈出可關(guān)閉的懸浮提示層特效。這種效果可以使用jQuery彈出層實現(xiàn)。有需要的小伙伴可以參考下。
2015-05-05
用jQuery toggleClass 實現(xiàn)鼠標(biāo)移上變色
這篇文章主要介紹了用jQuery toggleClass 實現(xiàn)鼠標(biāo)移上變色,需要的朋友可以參考下
2014-05-05
jQuery響應(yīng)鼠標(biāo)事件并隱藏與顯示input默認值
這篇文章主要介紹了jQuery響應(yīng)鼠標(biāo)事件并隱藏與顯示input默認值的具體實現(xiàn),需要的朋友可以參考下
2014-08-08