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


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 相关文章推荐
JQuery扩展插件Validate 3通过参数设置错误信息
Sep 05 Javascript
jquery实现的一个导航滚动效果具体代码
May 27 Javascript
使用Jquery实现点击文字后变成文本框且可修改
Sep 21 Javascript
jquery ajax对特殊字符进行转义防止js注入使用示例
Nov 21 Javascript
js实现点击向下展开的下拉菜单效果代码
Sep 01 Javascript
jquery 实现滚动条下拉时无限加载的简单实例
Jun 01 Javascript
详解js几个绕不开的事件兼容写法
Aug 30 Javascript
SeaJS中use函数用法实例分析
Oct 10 Javascript
JavaScript的Proxy可以做哪些有意思的事儿
Jun 15 Javascript
Vue实现导航栏的显示开关控制
Nov 01 Javascript
小程序实现投票进度条
Nov 20 Javascript
TypeScript魔法堂之枚举的超实用手册
Oct 29 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
Zend 输出产生XML解析错误
2009/03/03 PHP
PHP 5.3和PHP 5.4出现FastCGI Error解决方法
2015/02/12 PHP
PHP实现简单实用的验证码类
2015/07/29 PHP
在Mac OS上编译安装Nginx+PHP+MariaDB开发环境的教程
2016/02/23 PHP
php表单加入Token防止重复提交的方法分析
2016/10/10 PHP
PHP实现绘制二叉树图形显示功能详解【包括二叉搜索树、平衡树及红黑树】
2017/11/16 PHP
PHP 进程池与轮询调度算法实现多任务的示例代码
2019/11/26 PHP
“不能执行已释放的Script代码”错误的原因及解决办法
2007/09/09 Javascript
JS 巧妙获取剪贴板数据 Excel数据的粘贴
2009/07/09 Javascript
JS 获取span标签中的值的代码 支持ie与firefox
2009/08/24 Javascript
解决js正则匹配换行问题实现代码
2012/12/10 Javascript
jsvascript图像处理—(计算机视觉应用)图像金字塔
2013/01/15 Javascript
使用jQuery异步加载 JavaScript脚本解决方案
2014/04/20 Javascript
Node.js中child_process实现多进程
2015/02/03 Javascript
Javascript动画的实现原理浅析
2015/03/02 Javascript
Vue.js每天必学之过滤器与自定义过滤器
2016/09/07 Javascript
Vue结合原生js实现自定义组件自动生成示例
2017/01/21 Javascript
ES6学习之变量的解构赋值
2017/02/12 Javascript
微信小程序 合法域名校验出错详解及解决办法
2017/03/09 Javascript
vue2.0 循环遍历加载不同图片的方法
2018/03/06 Javascript
webstorm+vue初始化项目的方法
2018/10/18 Javascript
Python实现的异步代理爬虫及代理池
2017/03/17 Python
基于Python数据可视化利器Matplotlib,绘图入门篇,Pyplot详解
2017/10/13 Python
使用Django和Python创建Json response的方法
2018/03/26 Python
用python处理图片之打开\显示\保存图像的方法
2018/05/04 Python
python接口自动化测试之接口数据依赖的实现方法
2019/04/26 Python
在django view中给form传入参数的例子
2019/07/19 Python
关于Python形参打包与解包小技巧分享
2019/08/24 Python
python反转列表的三种方式解析
2019/11/08 Python
python定间隔取点(np.linspace)的实现
2019/11/27 Python
tensorflow 获取所有variable或tensor的name示例
2020/01/04 Python
一个入门级python爬虫教程详解
2021/01/27 Python
物业管理个人自我评价
2013/11/08 职场文书
环保建议书400字
2014/05/14 职场文书
源码分析Redis中 set 和 sorted set 的使用方法
2022/03/22 Redis
MySQL添加索引特点及优化问题
2022/07/23 MySQL