jquery實現(xiàn)當(dāng)滑動到一定位置時固定效果
更新時間:2014年06月17日 10:23:20 投稿:whsnow
這篇文章主要介紹了jquery實現(xiàn)當(dāng)滑動到一定位置時固定效果,需要的朋友可以參考下
復(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è)邊欄模塊跟隨滾動條滑動固定效果的實現(xiàn)方法(js+jquery等)
- jQuery實現(xiàn)固定在網(wǎng)頁頂部的菜單效果代碼
- jQuery實現(xiàn)仿百度帖吧頭部固定導(dǎo)航效果
- jquery任意位置浮動固定層插件用法實例
- jQuery固定元素插件scrolltofixed使用指南
- jquery實現(xiàn)導(dǎo)航固定頂部的效果仿蘑菇街
- jQuery固定浮動側(cè)邊欄實現(xiàn)思路及代碼
- jQuery 頂部導(dǎo)航跟隨滾動條滾動固定浮動在頂部
- jquery實現(xiàn)的導(dǎo)航固定效果
- Jquery實現(xiàn)側(cè)邊欄跟隨滾動條固定(兼容IE6)
- jQuery實現(xiàn)滑動頁面固定頂部顯示(可根據(jù)顯示位置消失與替換)
相關(guān)文章
jquery簡單實現(xiàn)網(wǎng)頁層的展開與收縮效果
這篇文章主要介紹了jquery簡單實現(xiàn)網(wǎng)頁層的展開與收縮效果的方法,涉及jquery中toggle結(jié)合animate方法操作頁面元素屬性的相關(guān)技巧,非常簡單實用,需要的朋友可以參考下2015-08-08
Jquery $.getJSON 在IE下的緩存問題解決方法
$.getJSON 的url都是相同的 問題來了 我修改 或者 新增樹節(jié)點 然后刷新tree IE竟然毫無變化 在其他瀏覽器上面都OK,于是搜到一個可行的解決方法2014-10-10
在jquery中combobox多選的不兼容問題總結(jié)
最近在IE10中開發(fā)jquery,關(guān)于jquery中combobox多選不能兼容的問題,進(jìn)行一些總結(jié),感興趣的朋友可以了解下2013-12-12
jQuery實現(xiàn)在textarea指定位置插入字符或表情的方法
這篇文章主要介紹了jQuery實現(xiàn)在textarea指定位置插入字符或表情的方法,實例分析了jQuery操作表單元素的技巧,非常實用,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
jQuery中bind與live的用法及區(qū)別小結(jié)
本篇文章主要是對jQuery中bind與live的用法以及區(qū)別進(jìn)行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-01-01

