当前位置:Gxlcms > css > 判断滚动条滑到底部触发事件实例分享

判断滚动条滑到底部触发事件实例分享

时间:2021-07-01 10:21:17 帮助过:50人阅读

本文主要为大家带来一篇判断滚动条滑到底部触发事件的实例讲解。具有很好的参考价值。一起跟随小编过来看看吧,希望对大家有所帮助,希望能帮助到大家。

实例如下所示:

  1. $(document).on("scroll", function () {
  2. //真实内容的高度
  3. var pageHeight = Math.max(document.body.scrollHeight, document.body.offsetHeight);
  4. //视窗的高度
  5. var viewportHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight || 0;
  6. //隐藏的高度
  7. var scrollHeight = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
  8. //判断加载视频,文章,回答,医生
  9. if(pageHeight - viewportHeight - scrollHeight <=0){
  10. //事件
  11. }
  12. });

相关推荐:

jquery回车键触发事件实现方法

js如何实现鼠标悬停一定时间后触发事件

jquery:delegate重复触发事件问题的解决办法

以上就是判断滚动条滑到底部触发事件实例分享的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行