jquery 判斷滾動(dòng)條到達(dá)了底部和頂端的方法
更新時(shí)間：2014年04月02日 13:39:47 作者：
這篇文章主要介紹了jquery 判斷滾動(dòng)條到達(dá)了底部和到達(dá)頂端的方法,需要的朋友可以參考下
復(fù)制代碼 代碼如下:
$(document).height() //是獲取整個(gè)頁面的高度
$(window).height() //是獲取當(dāng)前也就是瀏覽器所能看到的頁面的那部分的高度。這個(gè)大小在你縮放瀏覽器窗口大小時(shí)會(huì)改變，與document是不一樣的
要獲取頂端，只需要獲取到scrollTop()==0的時(shí)候就是頂端；
要獲取底端，只要獲取scrollTop()>=$(document).height()-$(window).height() 就可以知道已經(jīng)滾動(dòng)到底端了；
復(fù)制代碼 代碼如下:
$(document).scrollTop() 獲取垂直滾動(dòng)的距離 即當(dāng)前滾動(dòng)的地方的窗口頂端到整個(gè)頁面頂端的距離；
$(document).scrollLeft() 這是獲取水平滾動(dòng)條的距離；
例子：
復(fù)制代碼 代碼如下:
$(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 這里總結(jié)了8個(gè)小技巧
本文和其他的介紹JQuery的方法不同，本文側(cè)重點(diǎn)是介紹一些JQuery的使用原則，以便讓JQuery代碼更高效的執(zhí)行。2016-04-04
基于jquery實(shí)現(xiàn)圖片相關(guān)操作（重繪、獲取尺寸、調(diào)整大小、縮放）
這篇文章主要介紹了基于jquery實(shí)現(xiàn)圖片相關(guān)操作，包括圖片重繪、圖片獲取尺寸、圖片調(diào)整大小、圖片縮放，感興趣的小伙伴們可以參考一下2015-12-12
textarea中的手動(dòng)換行處理的jquery代碼
textarea的手動(dòng)換行會(huì)產(chǎn)生換行標(biāo)志，但這個(gè)標(biāo)志存在卻看不到，存入數(shù)據(jù)庫中后讀出來顯示在頁面上卻不會(huì)換行，如何處理呢？2011-02-02
jQuery.position()方法獲取不到值的安全替換方法
這篇文章主要介紹了jQuery.position()方法獲取不到值的安全替換方法,本文給出了一種變通的方法,用.offset()來換算,需要的朋友可以參考下2015-03-03
無限樹Jquery插件zTree的常用功能特性總結(jié)
這篇文章主要對無限樹Jquery插件zTree的常用功能特性總結(jié)，ztree的語法結(jié)構(gòu)是基于key-value的形式配置,需要的朋友可以參考下2014-09-09
jquery插件uploadify實(shí)現(xiàn)帶進(jìn)度條的文件批量上傳
這篇文章主要介紹了jquery插件uploadify實(shí)現(xiàn)帶進(jìn)度條的文件批量上傳，感興趣的小伙伴們可以參考一下2015-12-12
jQuery插件HighCharts實(shí)現(xiàn)的2D條狀圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件HighCharts實(shí)現(xiàn)的2D條狀圖效果,結(jié)合完整實(shí)例形式詳細(xì)分析了jQuery插件HighCharts繪制2D條狀圖的操作步驟與相關(guān)屬性設(shè)置技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
頁面上可以動(dòng)態(tài)添加數(shù)據(jù),比如table,點(diǎn)擊按鈕可以動(dòng)態(tài)添加行，下面與大家分享下jQuery如何獲取動(dòng)態(tài)生成的元素2014-06-06
jQuery使用中可能被XSS攻擊的一些危險(xiǎn)環(huán)節(jié)提醒
XSS指的是跨站腳本攻擊,比如人們常說的向$傳入字符串或者字符串轉(zhuǎn)換可執(zhí)行函數(shù)等一些安全方面值得注意的細(xì)節(jié),下面就為大家整理了jQuery使用中可能被XSS攻擊的一些危險(xiǎn)環(huán)節(jié)提醒2016-05-05
jQuery+ajax讀取json數(shù)據(jù)并按照價(jià)格排序示例
這篇文章主要介紹了jQuery+ajax讀取json數(shù)據(jù)并按照價(jià)格排序,涉及jQuery基于ajax動(dòng)態(tài)獲取json文件數(shù)據(jù)并進(jìn)行數(shù)據(jù)遍歷與排序的相關(guān)操作技巧,需要的朋友可以參考下2018-03-03