快捷導(dǎo)航

jQuery側(cè)邊欄隨窗口滾動(dòng)實(shí)現(xiàn)方法

更新時(shí)間：2013年03月04日 08:53:24 作者：

jQuery側(cè)邊欄隨窗口滾動(dòng)實(shí)現(xiàn)方法，需要的朋友可以參考一下

$(function() {
    var $sidebar   = $("#sidebar"),   
        $window    = $(window),   
        offset     = $sidebar.offset(),   
        topPadding = 15;   

    $window.scroll(function() {   
        if ($window.scrollTop() > offset.top) {   
            $sidebar.stop().animate({   
                marginTop: $window.scrollTop() - offset.top + topPadding   
            });   
        } else {   
            $sidebar.stop().animate({   
                marginTop: 0   
            });   
        }   
    });   

});

您可能感興趣的文章:

相關(guān)文章

jquery實(shí)現(xiàn)頁(yè)面加載效果
本文主要介紹了jquery實(shí)現(xiàn)頁(yè)面加載效果的實(shí)例，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧
2017-02-02
JQuery插件Quicksand實(shí)現(xiàn)超炫的動(dòng)畫(huà)洗牌效果
Quicksand這是一個(gè)非常不錯(cuò)的 jQuery 插件，用于實(shí)現(xiàn)動(dòng)畫(huà)洗牌效果，十分的實(shí)用，有需要的小伙伴可以參考下。
2015-05-05
jQuery contains過(guò)濾器實(shí)現(xiàn)精確匹配使用方法
contains 選擇器選取包含指定字符串的元素。該字符串可以是直接包含在元素中的文本，或者被包含于子元素中。經(jīng)常與其他元素/選擇器一起使用，來(lái)選擇指定的組中包含指定文本的元素
2013-04-04
jquery 日期分離成年月日的代碼
jquery 將日期分離成年月日的代碼，需要的朋友可以參考下。
2010-05-05
利用jquery操作Radio方法小結(jié)
用Radio來(lái)實(shí)現(xiàn)用戶的選擇效果，在項(xiàng)目中積累了一些利用JQUERY來(lái)操作Radio的方法，這里與大家分享下
2014-10-10
基于jQuery的試卷自動(dòng)排版系統(tǒng)實(shí)現(xiàn)代碼
題目提干、選擇題的選項(xiàng)、說(shuō)明文字可以包含多媒體信息（文字、圖片、列表、表格、視頻等等……）。
2011-01-01
jQuery簡(jiǎn)單實(shí)現(xiàn)禁用右鍵菜單
這篇文章主要介紹了jQuery簡(jiǎn)單實(shí)現(xiàn)禁用右鍵菜單的方法，非常的簡(jiǎn)單實(shí)用，這里分享給大家，有需要的小伙伴直接拿走使用。
2015-03-03
jquery中防刷IP流量軟件影響統(tǒng)計(jì)的一點(diǎn)對(duì)策
由于公司項(xiàng)目需要增加推廣獎(jiǎng)勵(lì)功能，網(wǎng)站用戶通過(guò)邀請(qǐng)地址發(fā)給QQ好友、論壇、個(gè)人網(wǎng)站之類，只要有通過(guò)邀請(qǐng)地址點(diǎn)擊進(jìn)來(lái)就算推廣成功（當(dāng)天同一個(gè)IP僅算一次），推廣人會(huì)獲得相應(yīng)的獎(jiǎng)勵(lì)、積分等。
2011-07-07
jQuery判斷div隨滾動(dòng)條滾動(dòng)到一定位置后停止
這篇文章主要介紹了jQuery判斷div隨滾動(dòng)條滾動(dòng)到一定位置后停止的方法,需要的朋友可以參考下
2014-04-04
jQuery實(shí)現(xiàn)高亮顯示網(wǎng)頁(yè)關(guān)鍵詞的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)高亮顯示網(wǎng)頁(yè)關(guān)鍵詞的方法,涉及jquery針對(duì)頁(yè)面字符串的遍歷與正則替換的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-08-08