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


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 相关文章推荐
通用于ie和firefox的函数 GetCurrentStyle (obj, prop)
Dec 27 Javascript
用js实现手把手教你月入万刀(转贴)
Nov 07 Javascript
Javascript 刷新全集常用代码
Nov 22 Javascript
Javascript this 的一些学习总结
Aug 31 Javascript
JS实现鼠标点击展开或隐藏表格行的方法
Mar 03 Javascript
总结AngularJS开发者最常犯的十个错误
Aug 31 Javascript
ajax接收后台数据在html页面显示
Feb 19 Javascript
javascript面向对象程序设计实践常用知识点总结
Jul 29 Javascript
vue实现将数据存入vuex中以及从vuex中取出数据
Nov 08 Javascript
vue分页插件的使用方法
Dec 25 Javascript
JavaScript canvas仿代码流瀑布
Feb 10 Javascript
如何在vue中使用kindeditor富文本编辑器
Dec 19 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通过文件流方式复制文件的方法
2015/03/13 PHP
php动态函数调用方法
2015/05/21 PHP
php数据访问之查询关键字
2016/05/09 PHP
PHP调试及性能分析工具Xdebug详解
2017/02/09 PHP
PHP如何读取由JavaScript设置的Cookie
2017/03/22 PHP
JavaScript 封装一个tab效果源码分享
2015/09/15 Javascript
JavaScript实现ASC转汉字及汉字转ASC的方法
2016/01/23 Javascript
Nodejs下DNS缓存问题浅析
2016/11/16 NodeJs
基于jQuery实现Accordion手风琴自定义插件
2020/10/13 Javascript
基于Three.js插件制作360度全景图
2016/11/29 Javascript
Vue脚手架的简单使用实例
2018/07/10 Javascript
Vue触发式全局组件构建的方法
2018/11/28 Javascript
JavaScript之Blob对象类型的具体使用方法
2019/11/29 Javascript
原生js实现ajax请求和JSONP跨域请求操作示例
2020/03/14 Javascript
JS+CSS实现过渡特效
2021/01/02 Javascript
[02:35]DOTA2超级联赛专访XB 难忘一年九冠称王
2013/06/20 DOTA
python算法学习之基数排序实例
2013/12/18 Python
windows下python连接oracle数据库
2017/06/07 Python
对python中raw_input()和input()的用法详解
2018/04/22 Python
pytorch 数据集图片显示方法
2018/07/26 Python
在IPython中进行Python程序执行时间的测量方法
2018/11/01 Python
Python 确定多项式拟合/回归的阶数实例
2018/12/29 Python
对python:threading.Thread类的使用方法详解
2019/01/31 Python
django 数据库连接模块解析及简单长连接改造方法
2019/08/29 Python
Python使用enumerate获取迭代元素下标
2020/02/03 Python
实例教程 纯CSS3打造非常炫的加载动画效果
2014/11/05 HTML / CSS
CSS3 实现弹幕的示例代码
2017/08/07 HTML / CSS
HTML5使用Audio标签实现歌词同步的效果
2016/03/17 HTML / CSS
英国口碑最好的的维他命胶囊品牌:Myvitamins(有中文站)
2016/12/03 全球购物
PHP如何防止SQL注入
2014/05/03 面试题
什么是SCM(软件配置管理)
2014/08/16 面试题
2014年大学生党员自我评议
2014/09/22 职场文书
地下停车场租赁协议范本
2014/10/07 职场文书
小学生作文批改评语
2014/12/25 职场文书
字节飞书面试promise.all实现示例
2022/06/16 Javascript