判斷滾動條滑到底部觸發(fā)事件(實例講解)
更新時間：2017年11月15日 08:36:03 作者：creatP
下面小編就為大家?guī)硪黄袛酀L動條滑到底部觸發(fā)事件的實例講解。具有很好的參考價值。一起跟隨小編過來看看吧，希望對大家有所幫助
實例如下所示：
$(document).on("scroll", function () {
//真實內容的高度
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ā)事件(實例講解)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了JavaScript中的類(Class)詳細介紹,本文講解了JavaScript中類的定義、JavaScript中的Constructor(構造函數(shù))、類名等內容,需要的朋友可以參考下2014-12-12
使用Asp.net+Javascript控制的日期控件，需要的朋友可以參考下。2010-05-05
本文主要介紹了Move.js基礎知識和Move.js的方法。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
這篇文章主要給大家介紹了如何通過一篇文章看懂JavaScript中的回調，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-01-01
選項卡的實現(xiàn)方法比較多，但原理基本上都差不多，隱藏與顯示輪換2009-04-04
這篇文章主要為大家詳細介紹了原生js實現(xiàn)二級聯(lián)動菜單，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-11-11
有時候我們需要數(shù)組元素的值，那么就可以參考下面的方法，文中提到了不少這方面的資料，數(shù)組去重功能等2013-03-03
JS獲取select-option-text_value的方法
這篇文章主要介紹了JS獲取select-option-text_value的方法，有需要的朋友可以參考一下2013-12-12
這篇文章主要介紹了JavaScript中跨域調用Flash的方法,只需要在Flash中加一句話即可,需要的朋友可以參考下2014-08-08
這篇文章主要介紹了微信小程序實現(xiàn)折線圖的示例代碼，文中通過示例代碼介紹的非常詳細，對大家學習或者使用小程序具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-06-06