脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → 滚动条到底部触发事件

判断滚动条滑到底部触发事件(实例讲解)

 更新时间：2017年11月15日 08:36:03   作者：creatP  
下面小编就为大家带来一篇判断滚动条滑到底部触发事件的实例讲解。具有很好的参考价值。一起跟随小编过来看看吧，希望对大家有所帮助

实例如下所示：

$(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){
  //事件
 }
});

以上这篇判断滚动条滑到底部触发事件(实例讲解)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • JavaScript中的类(Class)详细介绍

    JavaScript中的类(Class)详细介绍

    这篇文章主要介绍了JavaScript中的类(Class)详细介绍,本文讲解了JavaScript中类的定义、JavaScript中的Constructor(构造函数)、类名等内容,需要的朋友可以参考下
    2014-12-12
  • 基于Asp.net与Javascript控制的日期控件

    基于Asp.net与Javascript控制的日期控件

    使用Asp.net+Javascript控制的日期控件，需要的朋友可以参考下。
    2010-05-05
  • Move.js入门

    Move.js入门

    本文主要介绍了Move.js基础知识和Move.js的方法。具有很好的参考价值，下面跟着小编一起来看下吧
    2017-02-02
  • 一篇文章看懂JavaScript中的回调

    一篇文章看懂JavaScript中的回调

    这篇文章主要给大家介绍了如何通过一篇文章看懂JavaScript中的回调，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2021-01-01
  • js tab 选项卡

    js tab 选项卡

    选项卡的实现方法比较多，但原理基本上都差不多，隐藏与显示轮换
    2009-04-04
  • 原生js实现二级联动菜单

    原生js实现二级联动菜单

    这篇文章主要为大家详细介绍了原生js实现二级联动菜单，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2019-11-11
  • JS删除数组元素的函数介绍

    JS删除数组元素的函数介绍

    有时候我们需要数组元素的值，那么就可以参考下面的方法，文中提到了不少这方面的资料，数组去重功能等
    2013-03-03
  • JS获取select-option-text_value的方法

    JS获取select-option-text_value的方法

    这篇文章主要介绍了JS获取select-option-text_value的方法，有需要的朋友可以参考一下
    2013-12-12
  • JavaScript中跨域调用Flash的方法

    JavaScript中跨域调用Flash的方法

    这篇文章主要介绍了JavaScript中跨域调用Flash的方法,只需要在Flash中加一句话即可,需要的朋友可以参考下
    2014-08-08
  • 微信小程序实现折线图的示例代码

    微信小程序实现折线图的示例代码

    这篇文章主要介绍了微信小程序实现折线图的示例代码，文中通过示例代码介绍的非常详细，对大家学习或者使用小程序具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
    2019-06-06

最新评论