jQuery實戰(zhàn)運用:如何判斷網(wǎng)滾動到瀏覽器底部

我們在做項目的時候,總會有某些需求要求用戶滾動到瀏覽器的底部北滥,重新加載新內(nèi)容井赌,比如瀑布流蜀细,懶加載這些舟铜。

所以今天就向大家介紹一下如何使用jQuery來確定用戶是否瀏覽了頁面的底部。

在了解以下知識之前奠衔,先介紹幾個概念谆刨。

通過上面的知識點,可以知道:網(wǎng)頁的高度>=瀏覽器顯示區(qū)域的高度+垂直滾動條距離頂部距離归斤。

有了這個結(jié)論痊夭,它就很容易實現(xiàn)了。下面的代碼已經(jīng)實現(xiàn)脏里,判斷用戶是否瀏覽到了網(wǎng)頁的底部她我。

如果需要判斷用戶是否已經(jīng)瀏覽到某個元素的話,只需更改頁面上方文檔的高度迫横,然后將其更改為一個元素番舆,即與頁面頂部的距離。例如:

在這里讀者需要注意矾踱,在判斷條件下恨狈,WH + C是滿足大于和這個數(shù)的最小整數(shù)。

接下來把上面的代碼封裝為一個插件呛讲。

然后在引入上面的插件文件后禾怠,就可以通過類似于下面的代碼調(diào)用了。


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末贝搁,一起剝皮案震驚了整個濱河市吗氏,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌雷逆,老刑警劉巖弦讽,帶你破解...
    沈念sama閱讀 219,589評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異关面,居然都是意外死亡坦袍,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,615評論 3 396
  • 文/潘曉璐 我一進(jìn)店門等太,熙熙樓的掌柜王于貴愁眉苦臉地迎上來捂齐,“玉大人,你說我怎么就攤上這事缩抡〉煲耍” “怎么了包颁?”我有些...
    開封第一講書人閱讀 165,933評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長压真。 經(jīng)常有香客問我娩嚼,道長,這世上最難降的妖魔是什么滴肿? 我笑而不...
    開封第一講書人閱讀 58,976評論 1 295
  • 正文 為了忘掉前任岳悟,我火速辦了婚禮,結(jié)果婚禮上泼差,老公的妹妹穿的比我還像新娘贵少。我一直安慰自己,他們只是感情好堆缘,可當(dāng)我...
    茶點故事閱讀 67,999評論 6 393
  • 文/花漫 我一把揭開白布滔灶。 她就那樣靜靜地躺著,像睡著了一般吼肥。 火紅的嫁衣襯著肌膚如雪录平。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,775評論 1 307
  • 那天缀皱,我揣著相機與錄音斗这,去河邊找鬼。 笑死唆鸡,一個胖子當(dāng)著我的面吹牛涝影,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播争占,決...
    沈念sama閱讀 40,474評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼燃逻,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了臂痕?” 一聲冷哼從身側(cè)響起伯襟,我...
    開封第一講書人閱讀 39,359評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎握童,沒想到半個月后姆怪,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,854評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡澡绩,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,007評論 3 338
  • 正文 我和宋清朗相戀三年稽揭,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片肥卡。...
    茶點故事閱讀 40,146評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡溪掀,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出步鉴,到底是詐尸還是另有隱情揪胃,我是刑警寧澤璃哟,帶...
    沈念sama閱讀 35,826評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站喊递,受9級特大地震影響随闪,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜骚勘,卻給世界環(huán)境...
    茶點故事閱讀 41,484評論 3 331
  • 文/蒙蒙 一铐伴、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧调鲸,春花似錦盛杰、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,029評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽定拟。三九已至于微,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間青自,已是汗流浹背株依。 一陣腳步聲響...
    開封第一講書人閱讀 33,153評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留延窜,地道東北人恋腕。 一個月前我還...
    沈念sama閱讀 48,420評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像逆瑞,于是被迫代替她去往敵國和親荠藤。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,107評論 2 356

推薦閱讀更多精彩內(nèi)容