jQuery側(cè)邊欄隨窗口滾動(dòng)實(shí)現(xiàn)方法
更新時(shí)間：2013年03月04日 08:53:24 作者：
jQuery側(cè)邊欄隨窗口滾動(dòng)實(shí)現(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è)邊欄模塊跟隨滾動(dòng)條滑動(dòng)固定效果的實(shí)現(xiàn)方法(js+jquery等)
- jQuery固定浮動(dòng)側(cè)邊欄實(shí)現(xiàn)思路及代碼
- Jquery實(shí)現(xiàn)側(cè)邊欄跟隨滾動(dòng)條固定（兼容IE6）
- jquery仿京東側(cè)邊欄導(dǎo)航效果
- jquery實(shí)現(xiàn)側(cè)邊欄左右伸縮效果的示例
- jQuery實(shí)現(xiàn)智能判斷固定導(dǎo)航條或側(cè)邊欄的方法
- jQuery側(cè)邊欄實(shí)現(xiàn)代碼
- 基于jQuery傾斜打開側(cè)邊欄菜單特效代碼
- Jquery實(shí)現(xiàn)顯示和隱藏的4種簡(jiǎn)單方式
- JQuery顯示、隱藏div的幾種方法簡(jiǎn)明總結(jié)
- jQuery實(shí)現(xiàn)側(cè)邊欄隱藏與顯示的方法詳解
相關(guān)文章
本文主要介紹了jquery實(shí)現(xiàn)頁(yè)面加載效果的實(shí)例，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
JQuery插件Quicksand實(shí)現(xiàn)超炫的動(dòng)畫洗牌效果
Quicksand這是一個(gè)非常不錯(cuò)的 jQuery 插件，用于實(shí)現(xiàn)動(dòng)畫洗牌效果，十分的實(shí)用，有需要的小伙伴可以參考下。2015-05-05
jQuery contains過(guò)濾器實(shí)現(xiàn)精確匹配使用方法
contains 選擇器選取包含指定字符串的元素。該字符串可以是直接包含在元素中的文本，或者被包含于子元素中。經(jīng)常與其他元素/選擇器一起使用，來(lái)選擇指定的組中包含指定文本的元素2013-04-04
jquery 將日期分離成年月日的代碼，需要的朋友可以參考下。2010-05-05
用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