判斷滾動(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)文章
這篇文章主要介紹了JavaScript中的類(Class)詳細(xì)介紹,本文講解了JavaScript中類的定義、JavaScript中的Constructor(構(gòu)造函數(shù))、類名等內(nèi)容,需要的朋友可以參考下2014-12-12
使用Asp.net+Javascript控制的日期控件，需要的朋友可以參考下。2010-05-05
本文主要介紹了Move.js基礎(chǔ)知識(shí)和Move.js的方法。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
這篇文章主要給大家介紹了如何通過(guò)一篇文章看懂JavaScript中的回調(diào)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
選項(xiàng)卡的實(shí)現(xiàn)方法比較多，但原理基本上都差不多，隱藏與顯示輪換2009-04-04
原生js實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)菜單
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)菜單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-11-11
有時(shí)候我們需要數(shù)組元素的值，那么就可以參考下面的方法，文中提到了不少這方面的資料，數(shù)組去重功能等2013-03-03
JS獲取select-option-text_value的方法
這篇文章主要介紹了JS獲取select-option-text_value的方法，有需要的朋友可以參考一下2013-12-12
這篇文章主要介紹了JavaScript中跨域調(diào)用Flash的方法,只需要在Flash中加一句話即可,需要的朋友可以參考下2014-08-08
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)折線圖的示例代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用小程序具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06