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


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通过元素的ID和name设置样式
Jul 08 Javascript
JS回调函数的应用简单实例
Sep 17 Javascript
一个css与js结合的下拉菜单支持主流浏览器
Oct 08 Javascript
JS+CSS相对定位实现的下拉菜单
Oct 06 Javascript
jQuery无刷新分页完整实例代码
Oct 27 Javascript
详解angular用$sce服务来过滤HTML标签
Apr 11 Javascript
vue2项目使用sass的示例代码
Jun 28 Javascript
JQuery实现table中tr上移下移的示例(超简单)
Jan 08 jQuery
对angularJs中controller控制器scope父子集作用域的实例讲解
Oct 08 Javascript
layui表格内放置图片,并点击放大的实例
Sep 10 Javascript
vue和iview实现Scroll 数据无限滚动功能
Oct 31 Javascript
在Vue中使用Viser说明(基于AntV-G2可视化引擎)
Oct 28 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如何利用P3P实现跨域
2013/08/24 PHP
如何在PHP中读写文件
2020/09/07 PHP
javascript实现轮显新闻标题链接
2007/08/13 Javascript
JQUERY的属性选择符和自定义选择符使用方法(二)
2011/04/07 Javascript
20个非常棒的 jQuery 幻灯片插件和教程分享
2011/08/23 Javascript
js使用正则实现ReplaceAll全部替换的方法
2014/07/18 Javascript
详解Vue.js入门环境搭建
2017/03/17 Javascript
javascript深拷贝、浅拷贝和循环引用深入理解
2018/05/27 Javascript
JavaScript选择排序算法原理与实现方法示例
2018/08/06 Javascript
NodeJS 实现多语言的示例代码
2018/09/11 NodeJs
值得收藏的八个常用的js正则表达式
2018/10/19 Javascript
extract-text-webpack-plugin用法详解
2019/02/14 Javascript
详解JavaScript中的坐标和距离
2019/05/27 Javascript
基于Echarts图表在div动态切换时不显示的解决方式
2020/07/20 Javascript
浅谈vue获得后台数据无法显示到table上面的坑
2020/08/13 Javascript
python创建线程示例
2014/05/06 Python
Python中遇到的小问题及解决方法汇总
2017/01/11 Python
python通过getopt模块如何获取执行的命令参数详解
2017/12/29 Python
教你用一行Python代码实现并行任务(附代码)
2018/02/02 Python
安装python时MySQLdb报错的问题描述及解决方法
2018/03/20 Python
Python&amp;&amp;GDAL实现NDVI的计算方式
2020/01/09 Python
Python3列表List入门知识附实例
2020/02/09 Python
python利用pytesseract 实现本地识别图片文字
2020/12/14 Python
解决HTML5中的audio在手机端和微信端的不能自动播放问题
2019/11/04 HTML / CSS
Html5移动端div固定到底部实现底部导航条的几种方式
2021/03/09 HTML / CSS
加拿大著名时装品牌:SOIA & KYO
2016/08/23 全球购物
会计职业生涯规划范文
2014/01/04 职场文书
中介公司区域经理岗位职责范本
2014/03/02 职场文书
班主任班级寄语大全
2014/04/04 职场文书
基层党支部公开承诺书
2014/05/29 职场文书
小学校本培训方案
2014/06/06 职场文书
2014学习优秀共产党员先进事迹材料思想汇报
2014/09/14 职场文书
初中生旷课检讨书范文
2014/10/06 职场文书
圣诞晚会主持词开场白
2015/05/28 职场文书
一次MySQL启动导致的事故实战记录
2021/09/15 MySQL
SpringBoot中获取profile的方法详解
2022/04/08 Java/Android