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


Posted in Javascript onNovember 15, 2017

实例如下所示:

$(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 相关文章推荐
优化JavaScript脚本的性能的几个注意事项
Dec 22 Javascript
文件编码导致jquery失效的解决方法
Jun 26 Javascript
JavaScript代码应该放在HTML代码哪个位置比较好?
Oct 16 Javascript
使用javascript实现监控视频播放并打印日志
Jan 05 Javascript
js实现对table动态添加、删除和更新的方法
Feb 10 Javascript
浅谈javascript属性onresize
Apr 20 Javascript
jQuery与JavaScript节点创建方法的对比
Nov 18 Javascript
JavaScript实现单图片上传并预览功能
Sep 30 Javascript
vue+springboot图片上传和显示的示例代码
Feb 14 Javascript
element-ui tree结构实现增删改自定义功能代码
Aug 31 Javascript
AJAX学习笔记
May 18 Javascript
vue3引入highlight.js进行代码高亮的方法实例
Apr 08 Vue.js
手机注册发送验证码倒计时的简单实例
Nov 15 #Javascript
js导出Excel表格超出26位英文字符的解决方法ES6
Nov 15 #Javascript
bootstrap paginator分页插件的两种使用方式实例详解
Nov 14 #Javascript
JavaScript实现为事件句柄绑定监听函数的方法分析
Nov 14 #Javascript
JavaScript函数绑定用法实例分析
Nov 14 #Javascript
cordova入门基础教程及使用中遇到的一些问题总结
Nov 14 #Javascript
JS实现获取汉字首字母拼音、全拼音及混拼音的方法
Nov 14 #Javascript
You might like
php中变量及部分适用方法
2008/03/27 PHP
php学习 函数 课件
2008/06/15 PHP
PHP tp5中使用原生sql查询代码实例
2020/10/28 PHP
jQuery使用手册之三 CSS操作
2007/03/24 Javascript
Javascript document.referrer判断访客来源网址
2020/05/15 Javascript
ExtJS 下拉多选框lovcombo
2010/05/19 Javascript
Jquery Ajax请求代码(2)
2011/01/07 Javascript
基于jquery扩展漂亮的下拉框可以二次修改
2013/11/19 Javascript
JavaScript中window.showModalDialog()用法详解
2014/12/18 Javascript
jquery使用经验小结
2015/05/20 Javascript
select隐藏选中值对应的id,显示其它id的简单实现方法
2016/08/25 Javascript
mvc 、bootstrap 结合分布式图简单实现分页
2016/10/10 Javascript
详解如何在angular2中获取节点
2017/11/23 Javascript
vue组件编写之todolist组件实例详解
2018/01/22 Javascript
angularJs在多个控制器中共享服务数据的方法
2018/09/30 Javascript
详解Vue实战指南之依赖注入(provide/inject)
2018/11/13 Javascript
vue element upload实现图片本地预览
2019/08/20 Javascript
python使用MySQLdb访问mysql数据库的方法
2015/08/03 Python
Python计算两个日期相差天数的方法示例
2017/05/23 Python
Python实现的中国剩余定理算法示例
2017/08/05 Python
Tensorflow 利用tf.contrib.learn建立输入函数的方法
2018/02/08 Python
python合并已经存在的sheet数据到新sheet的方法
2018/12/11 Python
Python对ElasticSearch获取数据及操作
2019/04/24 Python
利用python实现逐步回归
2020/02/24 Python
Python PIL库图片灰化处理
2020/04/07 Python
Python3操作读写CSV文件使用包过程解析
2020/04/10 Python
Python实现转换图片背景颜色代码
2020/04/30 Python
Python hashlib和hmac模块使用方法解析
2020/12/08 Python
Meli Melo官网:名媛们钟爱的英国奢侈手包品牌
2017/04/17 全球购物
北美主要的汽车零部件零售商:AutoShack.com
2019/02/23 全球购物
英国电子产品购物网站:Tech in the basket
2019/11/08 全球购物
拉歌口号大全
2014/06/13 职场文书
班子四风对照检查材料思想汇报
2014/09/29 职场文书
中学生旷课检讨书模板
2014/10/08 职场文书
购房委托书
2014/10/15 职场文书
JavaScript 防篡改对象的用法示例
2021/04/24 Javascript