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