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


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 相关文章推荐
常用参考资料(手册)下载或者链接
Jul 22 Javascript
php上传图片并给图片打上透明水印的代码
Jun 07 Javascript
js中对函数设置默认参数值的3种方法
Oct 23 Javascript
jQuery 实现评论等级好评差评特效
May 06 Javascript
最简单纯JavaScript实现Tab标签页切换的方式(推荐)
Jul 25 Javascript
vue.js使用代理和使用Nginx来解决跨域的问题
Feb 03 Javascript
详解vuex的简单使用
Mar 12 Javascript
Node错误处理笔记之挖坑系列教程
Jun 05 Javascript
使用JS判断移动端手机横竖屏状态
Jul 30 Javascript
使用vue点击li,获取当前点击li父辈元素的属性值方法
Sep 12 Javascript
vue watch监控对象的简单方法示例
Jan 07 Vue.js
如何理解Vue简单状态管理之store模式
May 15 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
星际争霸任务指南——虫族
2020/03/04 星际争霸
PHP连接SQLServer2005的实现方法(附ntwdblib.dll下载)
2012/07/02 PHP
服务器变量 $_SERVER 的深入解析
2013/07/02 PHP
PDO防注入原理分析以及注意事项
2015/02/25 PHP
删除PHP数组中的重复元素的实现代码
2017/04/10 PHP
PHP Class SoapClient not found解决方法
2018/01/20 PHP
在laravel中实现ORM模型使用第二个数据库设置
2019/10/24 PHP
php的无刷新操作实现方法分析
2020/02/28 PHP
jquery关于图形报表的运用实现代码
2011/01/06 Javascript
高性能Javascript笔记 数据的存储与访问性能优化
2012/08/02 Javascript
innerHTML与jquery里的html()区别介绍
2012/10/12 Javascript
JS中prototype关键字的功能介绍及使用示例
2013/07/21 Javascript
JS动态添加与删除select中的Option对象(示例代码)
2013/12/25 Javascript
学习使用jQuery表单验证插件和日历插件
2017/02/13 Javascript
js实现移动端微信页面禁止字体放大
2017/02/16 Javascript
vue使用watch 观察路由变化,重新获取内容
2017/03/08 Javascript
说说AngularJS中的$parse和$eval的用法
2017/09/14 Javascript
js中json对象和字符串的理解及相互转化操作实现方法
2017/09/22 Javascript
浅谈vue中document.getElementById()拿到的是原值的问题
2020/07/26 Javascript
js实现Element中input组件的部分功能并封装成组件(实例代码)
2021/03/02 Javascript
javascript实现倒计时提示框
2021/03/02 Javascript
[51:44]2018DOTA2亚洲邀请赛 4.3 突围赛 Optic vs iG 第二场
2018/04/04 DOTA
详解设计模式中的工厂方法模式在Python程序中的运用
2016/03/02 Python
Django实现分页功能
2018/07/02 Python
python实现五子棋小程序
2019/06/18 Python
对django2.0 关联表的必填on_delete参数的含义解析
2019/08/09 Python
jupyter实现重新加载模块
2020/04/16 Python
keras 使用Lambda 快速新建层 添加多个参数操作
2020/06/10 Python
python使用QQ邮箱实现自动发送邮件
2020/06/22 Python
班风学风建设方案
2014/05/06 职场文书
学习社交礼仪心得体会
2016/01/22 职场文书
2019最新校园运动会广播稿!
2019/06/28 职场文书
导游词之新疆尼雅遗址
2019/10/16 职场文书
导游词之南京莫愁湖公园
2019/11/13 职场文书
CSS3通过var()和calc()函数实现动画特效
2021/03/30 HTML / CSS
Spring Boot项目传参校验的最佳实践指南
2022/04/05 Java/Android