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


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高级程序设计 读书笔记之八 Function类及闭包
Feb 27 Javascript
js正则表达exec与match的区别说明
Jan 29 Javascript
JavaScript动态创建link标签到head里的方法
Dec 22 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(下)
Oct 28 Javascript
一不小心就做错的JS闭包面试题
Nov 25 Javascript
Javascript 制作图形验证码实例详解
Dec 22 Javascript
bootstrap table实例详解
Jan 06 Javascript
详解RequireJS按需加载样式文件
Apr 12 Javascript
一文让你彻底搞清楚javascript中的require、import与export
Sep 24 Javascript
js时间戳与日期格式之间相互转换
Dec 11 Javascript
基于vue-simplemde实现图片拖拽、粘贴功能
Apr 12 Javascript
vue实现的树形结构加多选框示例
Feb 02 Javascript
手机注册发送验证码倒计时的简单实例
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多线程批量采集下载美女图片的实现代码(续)
2013/06/03 PHP
PHPCMS2008广告模板SQL注入漏洞修复
2016/10/11 PHP
解决AJAX中跨域访问出现'没有权限'的错误
2008/08/20 Javascript
javascript 复杂的嵌套环境中输出单引号和双引号
2009/05/26 Javascript
一个简单的javascript类定义例子
2009/09/12 Javascript
js 跳出页面的frameset框架示例介绍
2013/12/23 Javascript
JS中Json数据的处理和解析JSON数据的方法详解
2016/06/29 Javascript
使用JS实现图片展示瀑布流效果的实例代码
2016/09/12 Javascript
如何使用angularJs
2017/05/08 Javascript
使用react-router4.0实现重定向和404功能的方法
2017/08/28 Javascript
SVG动画vivus.js库使用小结(实例代码)
2017/09/14 Javascript
js对象实例详解(JavaScript对象深度剖析,深度理解js对象)
2017/09/21 Javascript
你应该知道的几类npm依赖包管理详解
2017/10/06 Javascript
聊聊JS动画库 Velocity.js的使用
2018/03/13 Javascript
Vue 指令实现按钮级别权限管理功能
2019/04/23 Javascript
Vue Echarts实现可视化世界地图代码实例
2019/05/07 Javascript
js获取本日、本周、本月的时间代码
2020/02/01 Javascript
JavaScript实现网页计算器功能
2020/10/29 Javascript
NestJs使用Mongoose对MongoDB操作的方法
2021/02/22 Javascript
Python functools模块学习总结
2015/05/09 Python
Python实现的栈(Stack)
2018/01/26 Python
python机器学习之神经网络实现
2018/10/13 Python
flask session组件的使用示例
2018/12/25 Python
python实现顺时针打印矩阵
2019/03/02 Python
Python3+PyInstall+Sciter解决报错缺少dll、html等文件问题
2019/07/15 Python
tensorflow求导和梯度计算实例
2020/01/23 Python
简单了解Python write writelines区别
2020/02/27 Python
Keras中 ImageDataGenerator函数的参数用法
2020/07/03 Python
python爬虫爬取某网站视频的示例代码
2021/02/20 Python
印尼旅游网站:via
2017/11/12 全球购物
TripAdvisor瑞典:全球领先的旅游网站
2017/12/11 全球购物
职高毕业生自我鉴定
2013/10/21 职场文书
法学毕业生自荐信
2013/11/13 职场文书
酒后驾驶检讨书
2014/01/27 职场文书
2015年党员公开承诺书范文
2015/01/22 职场文书
彩虹社八名人气艺人全新周边限时推出,性转女装男装一次拥有!
2022/04/01 日漫