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