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


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 相关文章推荐
js+xml生成级联下拉框代码
Jul 24 Javascript
javascript生成json数据简单示例分享
Feb 14 Javascript
JS Array.slice 截取数组的实现方法
Jan 02 Javascript
浅谈js中test()函数在正则中的使用
Aug 19 Javascript
详细AngularJs4的图片剪裁组件的实例
Jul 12 Javascript
JS实现的input选择图片本地预览功能示例
Aug 29 Javascript
详解html-webpack-plugin插件(用法总结)
Sep 12 Javascript
node中IO以及定时器优先级详解
May 10 Javascript
微信小程序单选框自定义赋值
May 26 Javascript
js实现鼠标点击飘爱心效果
Aug 19 Javascript
手写Vue2.0 数据劫持的示例
Mar 04 Vue.js
关于Vue中的options选项
Mar 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
千呼万唤始出来,DOTA2勇士令状不朽宝藏Ⅱ现已推出
2020/08/25 DOTA
php.ini中文版
2006/10/09 PHP
利用递归把多维数组转为一维数组的函数
2006/10/09 PHP
PHP教程 预定义变量
2009/10/23 PHP
PHP编程中的常见漏洞和代码实例
2014/08/06 PHP
php如何执行非缓冲查询API
2016/07/22 PHP
PHP通过curl获取接口URL的数据方法
2018/05/31 PHP
Jquery 表单验证类介绍与实例
2013/06/09 Javascript
JavaScript判断密码强度(自写代码)
2013/09/06 Javascript
再探JavaScript作用域
2014/09/24 Javascript
浅谈jquery中delegate()与live()
2015/06/22 Javascript
深入理解jQuery.data() 的实现方式
2016/11/30 Javascript
深入浅析Node.js单线程模型
2017/07/10 Javascript
javaScript canvas实现(画笔大小 颜色 橡皮的实例)
2017/11/28 Javascript
Vue-不允许嵌套式的渲染方法
2018/09/13 Javascript
对Vue.js之事件的绑定(v-on: 或者 @ )详解
2018/09/15 Javascript
Vue.set()动态的新增与修改数据,触发视图更新的方法
2018/09/15 Javascript
vue+elementui 对话框取消 表单验证重置示例
2019/10/29 Javascript
JavaScript代理模式原理与用法实例详解
2020/03/10 Javascript
动态创建类实例代码
2009/10/07 Python
跟老齐学Python之Import 模块
2014/10/13 Python
python numpy数组的索引和切片的操作方法
2018/10/20 Python
将python安装信息加入注册表的示例
2019/11/20 Python
python学生信息管理系统实现代码
2019/12/17 Python
Tensorflow tensor 数学运算和逻辑运算方式
2020/06/30 Python
全面总结使用CSS实现水平垂直居中效果的方法
2016/03/10 HTML / CSS
英国在线购买轮胎、预订汽车、汽车维修和装配网站:Protyre
2020/04/12 全球购物
亿阳信通股份有限公司C#笔试题
2016/12/06 面试题
个人简历的自荐信
2013/10/23 职场文书
四议两公开实施方案
2014/03/28 职场文书
机械工程学院大学生求职信
2014/05/25 职场文书
简易版租房协议书范本
2014/10/13 职场文书
荒岛余生观后感
2015/06/09 职场文书
利用python调用摄像头的实例分析
2021/06/07 Python
React 高阶组件HOC用法归纳
2021/06/13 Javascript
td 内容自动换行 table表格td设置宽度后文字太多自动换行
2022/12/24 HTML / CSS