jquery 判斷滾動條到達(dá)了底部和頂端的方法
更新時間：2014年04月02日 13:39:47 作者：
這篇文章主要介紹了jquery 判斷滾動條到達(dá)了底部和到達(dá)頂端的方法,需要的朋友可以參考下
復(fù)制代碼 代碼如下:
$(document).height() //是獲取整個頁面的高度
$(window).height() //是獲取當(dāng)前也就是瀏覽器所能看到的頁面的那部分的高度。這個大小在你縮放瀏覽器窗口大小時會改變，與document是不一樣的
要獲取頂端，只需要獲取到scrollTop()==0的時候就是頂端；
要獲取底端，只要獲取scrollTop()>=$(document).height()-$(window).height() 就可以知道已經(jīng)滾動到底端了；
復(fù)制代碼 代碼如下:
$(document).scrollTop() 獲取垂直滾動的距離 即當(dāng)前滾動的地方的窗口頂端到整個頁面頂端的距離；
$(document).scrollLeft() 這是獲取水平滾動條的距離；
例子：
復(fù)制代碼 代碼如下:
$(document).scroll(function(){
$("#lb").text($(document).scrollTop());
})
<span id="lb" style="top:100px;left:100px;position:fixed;"></span><!--一個固定的span標(biāo)記 滾動時-->
相關(guān)文章
本文給大家分享的是一段使用jQuery+CSS3實現(xiàn)樹葉飄落特效的代碼，效果非常不錯，分享給大家，希望大家能夠喜歡2015-02-02
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-11
jQuery 的 tagit 插件效果還是不錯的，今天用到該插件，下面給大家詳細(xì)講解下此插件的具體用法。這里推薦給大家，有需要的小伙伴可以參考下。2015-04-04
這篇文章主要介紹了使用jquery插件qrcode生成二維碼的方法，需要的朋友可以參考下2015-10-10
jQuery 遍歷- 關(guān)于closest() 的方法介紹以及與parents()的方法區(qū)別分析
本篇文章介紹了，jQuery 遍歷- 關(guān)于closest() 的方法介紹以及與parents()的方法區(qū)別分析。需要的朋友參考下2013-04-04
idTabs基于JQuery的根據(jù)URL參數(shù)選擇Tab插件
我們的項目用了SunSean的idTabs，但每個tab里的控件會觸發(fā)postback，或者轉(zhuǎn)到其他頁面再轉(zhuǎn)回來，這樣當(dāng)前選中的tab必丟。印度同事不肯用AJAX，無奈今天加班給印度人寫個demo，通過回傳URL參數(shù)來選擇tab2012-04-04
這篇文章主要介紹了jQuery 獲取兄弟元素的幾種不錯方法,需要的朋友可以參考下2014-05-05
jquery創(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-02
jquery $(this).attr $(this).val方法使用介紹
$(this).attr(key); 獲取節(jié)點屬性名的值，相當(dāng)于getAttribute(key)方法，本文整理了一些相關(guān)的示例，感興趣的朋友可以參考下2013-10-10
jQuery事件綁定用法詳解(附bind和live的區(qū)別)
這篇文章主要介紹了jQuery事件綁定用法,結(jié)合實例形式較為詳細(xì)的分析了jQuery事件綁定的實現(xiàn)原理與相關(guān)注意事項,并附帶了相關(guān)綁定方法的使用說明,重點介紹了bind和live的區(qū)別,需要的朋友可以參考下2016-01-01