判斷滾動(dòng)條滑到底部觸發(fā)事件(實(shí)例講解)
更新時(shí)間：2017年11月15日 08:36:03 作者：creatP
下面小編就為大家?guī)?lái)一篇判斷滾動(dòng)條滑到底部觸發(fā)事件的實(shí)例講解。具有很好的參考價(jià)值。一起跟隨小編過(guò)來(lái)看看吧，希望對(duì)大家有所幫助
實(shí)例如下所示：
$(document).on("scroll", function () {
//真實(shí)內(nèi)容的高度
var pageHeight = Math.max(document.body.scrollHeight, document.body.offsetHeight);
//視窗的高度
var viewportHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight || 0;
//隱藏的高度
var scrollHeight = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
//判斷加載視頻，文章，回答，醫(yī)生
if(pageHeight - viewportHeight - scrollHeight <=0){
//事件
}
});
以上這篇判斷滾動(dòng)條滑到底部觸發(fā)事件(實(shí)例講解)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
JS 在數(shù)組插入字符的實(shí)現(xiàn)代碼(可參考JavaScript splice() 方法)
在數(shù)組插入字符，添加數(shù)組，刪除數(shù)組可以用slice自帶的方法。操作比較方便，這個(gè)代碼是作者通過(guò)push與shift方法實(shí)現(xiàn)，只能是個(gè)思路，但不推薦這樣的方法。2009-12-12
微信小程序頁(yè)面?zhèn)鞫鄠€(gè)參數(shù)跳轉(zhuǎn)頁(yè)面的實(shí)現(xiàn)方法
這篇文章主要介紹了微信小程序頁(yè)面?zhèn)鞫鄠€(gè)參數(shù)跳轉(zhuǎn)頁(yè)面的實(shí)現(xiàn)方法,本文圖文并茂給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-05-05
詳解Bootstrap創(chuàng)建表單的三種格式（一）
在本章中，我們將學(xué)習(xí)如何使用 Bootstrap 創(chuàng)建表單。Bootstrap 通過(guò)一些簡(jiǎn)單的 HTML 標(biāo)簽和擴(kuò)展的類(lèi)即可創(chuàng)建出不同樣式的表單，對(duì)bootstrap 表單相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-01-01
微信小程序?qū)崿F(xiàn)圖片上傳放大預(yù)覽刪除代碼
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)圖片上傳放大預(yù)覽刪除代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-07-07
layui問(wèn)題之模擬select點(diǎn)擊事件的實(shí)例講解
今天小編就為大家分享一篇layui問(wèn)題之模擬select點(diǎn)擊事件的實(shí)例講解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
javascript實(shí)現(xiàn)支持移動(dòng)設(shè)備畫(huà)廊
本文通過(guò)純javascript技術(shù)實(shí)現(xiàn)支持移動(dòng)設(shè)備畫(huà)廊，支持移動(dòng)設(shè)備手勢(shì)操作，感興趣的朋友一起來(lái)學(xué)習(xí)吧2015-08-08
自己封裝的一個(gè)簡(jiǎn)單的倒計(jì)時(shí)功能實(shí)例
下面小編就為大家?guī)?lái)一篇自己封裝的一個(gè)簡(jiǎn)單的倒計(jì)時(shí)功能實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-11-11
javascript實(shí)例--教你實(shí)現(xiàn)撲克牌洗牌功能
我們一般都會(huì)按照順序把隨機(jī)摸過(guò)來(lái)的牌從小到大的順序在手上理整齊（記得小時(shí)候打牌兩副牌手都抓不過(guò)來(lái)），這篇隨筆就是想通過(guò)實(shí)現(xiàn)這個(gè)功能來(lái)熟悉下js中排序數(shù)組等相關(guān)知識(shí)。2014-05-05
這篇文章主要介紹了前端如何使用FormData對(duì)象進(jìn)行數(shù)據(jù)傳參,包括創(chuàng)建FormData對(duì)象、添加數(shù)據(jù)、發(fā)送請(qǐng)求等步驟,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-03-03
這篇文章主要介紹了Ajax與服務(wù)器（JSON）通信實(shí)例代碼的相關(guān)資料,并附實(shí)例代碼，幫助大家學(xué)習(xí)理解此部分知識(shí)，需要的朋友可以參考下2016-11-11