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


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编程起步(第五课)
Jan 10 Javascript
[原创]js获取数组任意个不重复的随机数组元素
Mar 15 Javascript
用JQuery调用Session的实现代码
Oct 29 Javascript
关于js日期转化为毫秒数“节省20%的效率和和节省9个字符“问题
Mar 01 Javascript
javascript实现playfair和hill密码算法
Dec 07 Javascript
利用js来实现缩略语列表、文献来源链接和快捷键列表
Dec 16 Javascript
详解express与koa中间件模式对比
Aug 07 Javascript
Vue2.0 给Tab标签页和页面切换过渡添加样式的方法
Mar 13 Javascript
React如何实现浏览器打印部分内容详析
May 19 Javascript
antd-mobile ListView长列表的数据更新遇到的坑
Apr 08 Javascript
vue渲染方式render和template的区别
Jun 05 Javascript
Vue vee-validate插件的简单使用
Jun 22 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中的escape函数
2013/06/29 PHP
配置php网页显示各种语法错误
2013/09/23 PHP
Yii结合CKEditor实现图片上传功能
2014/06/13 PHP
PHP命名空间用法实例分析
2019/09/04 PHP
JavaScript打字小游戏代码
2011/12/26 Javascript
JavaScript禁止页面操作的示例代码
2013/12/17 Javascript
JavaScript中实现PHP的打乱数组函数shuffle实例
2014/10/11 Javascript
对JavaScript客户端应用编程的一些建议
2015/06/24 Javascript
jQuery与getJson结合的用法实例
2015/08/07 Javascript
javascript中window.open在原来的窗口中打开新的窗口(不同名)
2015/11/15 Javascript
JS中常用的输出方式(五种)
2016/06/12 Javascript
bootstrap实现每隔5秒自动轮播效果
2016/12/20 Javascript
使用vue-infinite-scroll实现无限滚动效果
2018/06/22 Javascript
vue点击input弹出带搜索键盘并监听该元素的方法
2018/08/25 Javascript
vue-cli配置全局sass、less变量的方法
2019/06/06 Javascript
Element Alert警告的具体使用方法
2020/07/27 Javascript
vue实现动态表格提交参数动态生成控件的操作
2020/11/09 Javascript
[32:07]完美世界DOTA2联赛PWL S3 LBZS vs Rebirth 第一场 12.16
2020/12/17 DOTA
python中for语句简单遍历数据的方法
2015/05/07 Python
用Python抢过年的火车票附源码
2015/12/07 Python
Python自定义线程池实现方法分析
2018/02/07 Python
Python开发之基于模板匹配的信用卡数字识别功能
2020/01/13 Python
python图形界面开发之wxPython树控件使用方法详解
2020/02/24 Python
python GUI编程(Tkinter) 创建子窗口及在窗口上用图片绘图实例
2020/03/04 Python
Theo + George官方网站:都柏林时尚品牌
2019/04/08 全球购物
致接力运动员广播稿
2014/02/17 职场文书
努力学习演讲稿
2014/05/10 职场文书
医院安全生产月活动总结
2014/07/05 职场文书
乡镇平安建设汇报材料
2014/08/25 职场文书
入党积极分子学习党的纲领思想汇报
2014/09/13 职场文书
2015年专项整治工作总结
2015/04/03 职场文书
幼儿园毕业典礼家长致辞
2015/07/29 职场文书
初中军训感想
2015/08/07 职场文书
详解CSS3.0(Cascading Style Sheet) 层叠级联样式表
2021/07/16 HTML / CSS
Python 类,对象,数据分类,函数参数传递详解
2021/09/25 Python
MySQL数据库优化之通过索引解决SQL性能问题
2022/04/10 MySQL