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 powerFloat萬能浮動(dòng)層下拉層插件使用介紹
支持hover, click, focus以及無事件觸發(fā)；支持多達(dá)12種位置的定位，出界自動(dòng)調(diào)整；支持頁面元素加載，Ajax加載，下拉列表，提示層效果，tip類效果等；可自定義裝載容器；內(nèi)置UI不錯(cuò)的裝載容器；支持鼠標(biāo)跟隨等。2010-12-12
jquery miniui 教程 表格控件 合并單元格應(yīng)用
本文將詳細(xì)介紹jquery miniui 教程 表格控件 合并單元格的應(yīng)用，需要的朋友可以參考下2012-11-11
快速回到頁首的方法有很多，在本文為大家介紹下使用jquery是如何做到的2013-12-12
這篇文章主要介紹了JQuery1.8 如何判斷元素是否綁定事件,需要的朋友可以參考下2014-07-07
jQuery實(shí)現(xiàn)鼠標(biāo)劃過修改樣式的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)劃過修改樣式的方法,涉及jQuery針對鼠標(biāo)事件及樣式操作的技巧,是jQuery鼠標(biāo)事件的典型應(yīng)用,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
這篇文章介紹了Jquery定義對象(閉包)與擴(kuò)展對象成員的方法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-06-06
php+ajax+jquery實(shí)現(xiàn)點(diǎn)擊加載更多內(nèi)容
本文給大家詳細(xì)講解的是如何利用jquery.more.js實(shí)現(xiàn)點(diǎn)擊加載更多后在本頁面內(nèi)下面加載數(shù)據(jù)，十分的實(shí)用，有需要的小伙伴可以參考下。2015-05-05
jQuery獲得IE版本不準(zhǔn)確webbrowser的解決方法
用$.browser.version經(jīng)常出現(xiàn)一些不準(zhǔn)確的狀況，最近碰到，做了一些總結(jié)，不知道是否全面2014-02-02
jQuery UI插件實(shí)現(xiàn)百度提詞器效果
這篇文章主要介紹了jQuery UI插件實(shí)現(xiàn)百度提詞器效果，每個(gè)輸入框中有相應(yīng)的文字提示,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
密碼框提示文字的功能還是比較實(shí)用的，下面為大家介紹下使用jquery簡單的實(shí)現(xiàn)下，喜歡的朋友可以參考下2013-08-08