jQuery側(cè)邊欄隨窗口滾動實現(xiàn)方法
更新時間：2013年03月04日 08:53:24 作者：
jQuery側(cè)邊欄隨窗口滾動實現(xiàn)方法，需要的朋友可以參考一下
復(fù)制代碼 代碼如下:
$(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
});
}
});
});
您可能感興趣的文章:
- 博客側(cè)邊欄模塊跟隨滾動條滑動固定效果的實現(xiàn)方法(js+jquery等)
- jQuery固定浮動側(cè)邊欄實現(xiàn)思路及代碼
- Jquery實現(xiàn)側(cè)邊欄跟隨滾動條固定（兼容IE6）
- jquery仿京東側(cè)邊欄導(dǎo)航效果
- jquery實現(xiàn)側(cè)邊欄左右伸縮效果的示例
- jQuery實現(xiàn)智能判斷固定導(dǎo)航條或側(cè)邊欄的方法
- jQuery側(cè)邊欄實現(xiàn)代碼
- 基于jQuery傾斜打開側(cè)邊欄菜單特效代碼
- Jquery實現(xiàn)顯示和隱藏的4種簡單方式
- JQuery顯示、隱藏div的幾種方法簡明總結(jié)
- jQuery實現(xiàn)側(cè)邊欄隱藏與顯示的方法詳解
相關(guān)文章
本文主要介紹了jquery實現(xiàn)頁面加載效果的實例，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
JQuery插件Quicksand實現(xiàn)超炫的動畫洗牌效果
Quicksand這是一個非常不錯的 jQuery 插件，用于實現(xiàn)動畫洗牌效果，十分的實用，有需要的小伙伴可以參考下。2015-05-05
jQuery contains過濾器實現(xiàn)精確匹配使用方法
contains 選擇器選取包含指定字符串的元素。該字符串可以是直接包含在元素中的文本，或者被包含于子元素中。經(jīng)常與其他元素/選擇器一起使用，來選擇指定的組中包含指定文本的元素2013-04-04
jquery 將日期分離成年月日的代碼，需要的朋友可以參考下。2010-05-05
用Radio來實現(xiàn)用戶的選擇效果，在項目中積累了一些利用JQUERY來操作Radio的方法，這里與大家分享下2014-10-10
基于jQuery的試卷自動排版系統(tǒng)實現(xiàn)代碼
題目提干、選擇題的選項、說明文字可以包含多媒體信息（文字、圖片、列表、表格、視頻等等……）。2011-01-01
這篇文章主要介紹了jQuery簡單實現(xiàn)禁用右鍵菜單的方法，非常的簡單實用，這里分享給大家，有需要的小伙伴直接拿走使用。2015-03-03
jquery中防刷IP流量軟件影響統(tǒng)計的一點對策
由于公司項目需要增加推廣獎勵功能，網(wǎng)站用戶通過邀請地址發(fā)給QQ好友、論壇、個人網(wǎng)站之類，只要有通過邀請地址點擊進來就算推廣成功（當(dāng)天同一個IP僅算一次），推廣人會獲得相應(yīng)的獎勵、積分等。2011-07-07
這篇文章主要介紹了jQuery判斷div隨滾動條滾動到一定位置后停止的方法,需要的朋友可以參考下2014-04-04
jQuery實現(xiàn)高亮顯示網(wǎng)頁關(guān)鍵詞的方法
這篇文章主要介紹了jQuery實現(xiàn)高亮顯示網(wǎng)頁關(guān)鍵詞的方法,涉及jquery針對頁面字符串的遍歷與正則替換的相關(guān)技巧,非常具有實用價值,需要的朋友可以參考下2015-08-08