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