jquery 判斷滾動(dòng)條到達(dá)了底部和頂端的方法
$(document).height() //是獲取整個(gè)頁(yè)面的高度
$(window).height() //是獲取當(dāng)前也就是瀏覽器所能看到的頁(yè)面的那部分的高度。這個(gè)大小在你縮放瀏覽器窗口大小時(shí)會(huì)改變,與document是不一樣的
要獲取頂端,只需要獲取到scrollTop()==0的時(shí)候就是頂端;
要獲取底端,只要獲取scrollTop()>=$(document).height()-$(window).height() 就可以知道已經(jīng)滾動(dòng)到底端了;
$(document).scrollTop() 獲取垂直滾動(dòng)的距離 即當(dāng)前滾動(dòng)的地方的窗口頂端到整個(gè)頁(yè)面頂端的距離;
$(document).scrollLeft() 這是獲取水平滾動(dòng)條的距離;
例子:
$(document).scroll(function(){
$("#lb").text($(document).scrollTop());
})
<span id="lb" style="top:100px;left:100px;position:fixed;"></span><!--一個(gè)固定的span標(biāo)記 滾動(dòng)時(shí)-->
相關(guān)文章
jQuery+CSS3實(shí)現(xiàn)樹葉飄落特效
本文給大家分享的是一段使用jQuery+CSS3實(shí)現(xiàn)樹葉飄落特效的代碼,效果非常不錯(cuò),分享給大家,希望大家能夠喜歡2015-02-02jQuery EasyUI 布局之動(dòng)態(tài)添加tabs標(biāo)簽頁(yè)
本文給大家介紹jquery easyui布局之動(dòng)態(tài)添加tabs標(biāo)簽頁(yè),實(shí)現(xiàn)思路是這樣的通過調(diào)用add方法就可以輕松實(shí)現(xiàn),本文分步驟給大家詳細(xì)介紹,需要的朋友一起學(xué)習(xí)吧2015-11-11jQuery 遍歷- 關(guān)于closest() 的方法介紹以及與parents()的方法區(qū)別分析
本篇文章介紹了,jQuery 遍歷- 關(guān)于closest() 的方法介紹以及與parents()的方法區(qū)別分析。需要的朋友參考下2013-04-04idTabs基于JQuery的根據(jù)URL參數(shù)選擇Tab插件
我們的項(xiàng)目用了SunSean的idTabs,但每個(gè)tab里的控件會(huì)觸發(fā)postback,或者轉(zhuǎn)到其他頁(yè)面再轉(zhuǎn)回來,這樣當(dāng)前選中的tab必丟。印度同事不肯用AJAX,無奈今天加班給印度人寫個(gè)demo,通過回傳URL參數(shù)來選擇tab2012-04-04jquery創(chuàng)建一個(gè)ajax關(guān)鍵詞數(shù)據(jù)搜索實(shí)現(xiàn)思路
我們經(jīng)常需要在前臺(tái)頁(yè)面輸入關(guān)鍵詞進(jìn)行數(shù)據(jù)的搜索這已經(jīng)成為了一種習(xí)慣今天給大家分享一下如何使用 jQuery,MySQL和Ajax創(chuàng)建簡(jiǎn)單和有吸引力的Ajax搜索,感興趣的你可不要錯(cuò)過了哈2013-02-02jquery $(this).attr $(this).val方法使用介紹
$(this).attr(key); 獲取節(jié)點(diǎn)屬性名的值,相當(dāng)于getAttribute(key)方法,本文整理了一些相關(guān)的示例,感興趣的朋友可以參考下2013-10-10jQuery事件綁定用法詳解(附bind和live的區(qū)別)
這篇文章主要介紹了jQuery事件綁定用法,結(jié)合實(shí)例形式較為詳細(xì)的分析了jQuery事件綁定的實(shí)現(xiàn)原理與相關(guān)注意事項(xiàng),并附帶了相關(guān)綁定方法的使用說明,重點(diǎn)介紹了bind和live的區(qū)別,需要的朋友可以參考下2016-01-01