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