jquery實(shí)現(xiàn)當(dāng)滑動(dòng)到一定位置時(shí)固定效果
更新時(shí)間：2014年06月17日 10:23:20 投稿：whsnow
這篇文章主要介紹了jquery實(shí)現(xiàn)當(dāng)滑動(dòng)到一定位置時(shí)固定效果,需要的朋友可以參考下
復(fù)制代碼 代碼如下:
<script type="text/javascript">
$.fn.silde = function() {
var position = function(element) {
var top = element.position().top, pos = element.css
("position");
$(window).scroll(function() {
var scrolls = $(this).scrollTop();
if (scrolls > top) {
if (window.XMLHttpRequest) {
element.css({
position: "fixed",
top: 0,
left:1080,
"margin-left":"0px",
});
} else {
element.css({
top: scrolls,
"margin-left":"20px"
});
}
}else {
element.css({
position: pos,
top: top,
"margin-left":"20px"
});
}
});
};
return $(this).each(function() {
position($(this));
});
};
$("#ding").silde();
</script>
您可能感興趣的文章:
- 博客側(cè)邊欄模塊跟隨滾動(dòng)條滑動(dòng)固定效果的實(shí)現(xiàn)方法(js+jquery等)
- jQuery實(shí)現(xiàn)固定在網(wǎng)頁頂部的菜單效果代碼
- jQuery實(shí)現(xiàn)仿百度帖吧頭部固定導(dǎo)航效果
- jquery任意位置浮動(dòng)固定層插件用法實(shí)例
- jQuery固定元素插件scrolltofixed使用指南
- jquery實(shí)現(xiàn)導(dǎo)航固定頂部的效果仿蘑菇街
- jQuery固定浮動(dòng)側(cè)邊欄實(shí)現(xiàn)思路及代碼
- jQuery 頂部導(dǎo)航跟隨滾動(dòng)條滾動(dòng)固定浮動(dòng)在頂部
- jquery實(shí)現(xiàn)的導(dǎo)航固定效果
- Jquery實(shí)現(xiàn)側(cè)邊欄跟隨滾動(dòng)條固定（兼容IE6）
- jQuery實(shí)現(xiàn)滑動(dòng)頁面固定頂部顯示(可根據(jù)顯示位置消失與替換)
相關(guān)文章
jQuery經(jīng)過一段時(shí)間自動(dòng)隱藏指定元素的方法
這篇文章主要介紹了jQuery經(jīng)過一段時(shí)間自動(dòng)隱藏指定元素的方法,實(shí)例分析了兩種比較常用的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03
jquery each函數(shù)的使用頻率非常高，下面給大家介紹jQuery each函數(shù)源碼分析，一起看看吧2016-05-05
jquery簡單實(shí)現(xiàn)網(wǎng)頁層的展開與收縮效果
這篇文章主要介紹了jquery簡單實(shí)現(xiàn)網(wǎng)頁層的展開與收縮效果的方法,涉及jquery中toggle結(jié)合animate方法操作頁面元素屬性的相關(guān)技巧,非常簡單實(shí)用,需要的朋友可以參考下2015-08-08
這篇文章主要為大家詳細(xì)介紹了jquery點(diǎn)擊展示與隱藏更多內(nèi)容的相關(guān)資料,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
Jquery $.getJSON 在IE下的緩存問題解決方法
$.getJSON 的url都是相同的 問題來了 我修改 或者 新增樹節(jié)點(diǎn) 然后刷新tree IE竟然毫無變化 在其他瀏覽器上面都OK，于是搜到一個(gè)可行的解決方法2014-10-10
在jquery中combobox多選的不兼容問題總結(jié)
最近在IE10中開發(fā)jquery，關(guān)于jquery中combobox多選不能兼容的問題，進(jìn)行一些總結(jié)，感興趣的朋友可以了解下2013-12-12
這篇文章主要介紹了jQuery中unwrap()方法用法,實(shí)例分析了unwrap()方法的定義、功能及移除匹配元素父元素的使用技巧,需要的朋友可以參考下2015-01-01
默認(rèn)設(shè)置下，所有請(qǐng)求均為異步請(qǐng)求。如果需要發(fā)送同步請(qǐng)求，請(qǐng)將此選項(xiàng)設(shè)置為 false。注意，同步請(qǐng)求將鎖住瀏覽器，用戶其它操作必須等待請(qǐng)求完成才可以執(zhí)行2011-10-10
jQuery實(shí)現(xiàn)在textarea指定位置插入字符或表情的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)在textarea指定位置插入字符或表情的方法,實(shí)例分析了jQuery操作表單元素的技巧,非常實(shí)用,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
jQuery中bind與live的用法及區(qū)別小結(jié)
本篇文章主要是對(duì)jQuery中bind與live的用法以及區(qū)別進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-01-01