jQuery頁面滾動浮動層智能定位實例代碼
更新時間:2011年08月23日 23:23:26 作者:
jQuery頁面滾動浮動層智能定位實例代碼,需要的朋友可以參考下。
HTML代碼:
<div class="float" id="float">
我是個靦腆羞澀的浮動層...
</div>
JS代碼:
$.fn.smartFloat = 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
});
} else {
element.css({
top: scrolls
});
}
}else {
element.css({
position: "absolute",
top: top
});
}
});
};
return $(this).each(function() {
position($(this));
});
};
//綁定
$("#float").smartFloat();
復(fù)制代碼 代碼如下:
<div class="float" id="float">
我是個靦腆羞澀的浮動層...
</div>
JS代碼:
復(fù)制代碼 代碼如下:
$.fn.smartFloat = 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
});
} else {
element.css({
top: scrolls
});
}
}else {
element.css({
position: "absolute",
top: top
});
}
});
};
return $(this).each(function() {
position($(this));
});
};
//綁定
$("#float").smartFloat();
相關(guān)文章
jquery 模擬類搜索框自動完成搜索提示功能(改進(jìn))
改進(jìn)版,支持多個輸入框!前面因為多個輸入框信息不好保存所以只能支持一個,現(xiàn)在用輸入框的alt屬性來保存修改前的內(nèi)容,所以能支持多個輸入框了.初步測試沒發(fā)現(xiàn)問題,歡迎大家一起測試改進(jìn)!!!2010-05-05jQuery獲取某天的農(nóng)歷日期并判斷是否除夕或新年的方法
這篇文章主要介紹了jQuery獲取某天的農(nóng)歷日期并判斷是否除夕或新年的方法,涉及jQuery針對日期與時間的相關(guān)操作技巧,需要的朋友可以參考下2016-03-03JQuery使用index方法獲取Jquery對象數(shù)組下標(biāo)的方法
這篇文章主要介紹了JQuery使用index方法獲取Jquery對象數(shù)組下標(biāo)的方法,涉及jQuery中index方法的使用技巧,需要的朋友可以參考下2015-05-05基于jquery實現(xiàn)動態(tài)豎向柱狀條特效
很多數(shù)據(jù)統(tǒng)計效果中,柱狀條方式的算是比較常見的一種,形象直觀,下面就是一段能夠?qū)崿F(xiàn)此功能的代碼實例,并且具有一定的動態(tài)效果,感興趣的朋友可以參考一下2016-02-02