首頁 >web前端 >css教學 >判斷捲軸滑到底部觸發事件實例分享

判斷捲軸滑到底部觸發事件實例分享

小云云
小云云原創
2018-01-19 10:32:582516瀏覽

本文主要為大家帶來一篇判斷滾動條滑到底部觸發事件的實例講解。具有很好的參考價值。一起跟著小編過來看看吧,希望對大家有幫助,希望能幫助大家。

實例如下所示:

$(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;
 //判断加载视频,文章,回答,医生
 if(pageHeight - viewportHeight - scrollHeight <=0){
  //事件
 }
});

相關推薦:

#jquery回車鍵觸發事件實作方法

js如何實現滑鼠懸停一定時間後觸發事件

jquery:delegate重複觸發事件問題的解決方案

#

以上是判斷捲軸滑到底部觸發事件實例分享的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn