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


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类的封装及实现代码
Dec 02 Javascript
js parseInt(&quot;08&quot;)未指定进位制问题
Jun 19 Javascript
读jQuery之六 缓存数据功能介绍
Jun 21 Javascript
js创建数据共享接口——简化框架之间相互传值
Oct 23 Javascript
基于jQuery的公告无限循环滚动实现代码
May 11 Javascript
各种常用的JS函数整理
Oct 25 Javascript
js焦点文字滚动效果代码分享
Aug 25 Javascript
jQuery Validate初步体验(一)
Dec 12 Javascript
vue-scroller记录滚动位置的示例代码
Jan 17 Javascript
vue中实现methods一个方法调用另外一个方法
Feb 08 Javascript
vue 国际化 vue-i18n 双语言 语言包
Jun 07 Javascript
微信公众平台获取access_token的方法步骤
Mar 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
盘点被央视点名过的日本动画电影 一部比一部强
2020/03/08 日漫
php文档更新介绍
2011/07/22 PHP
php仿QQ验证码的实例分析
2013/07/01 PHP
PHP 数组基本操作小结(推荐)
2016/06/13 PHP
PHP接收App端发送文件流的方法
2016/09/23 PHP
TP5框架简单登录功能实现方法示例
2019/10/31 PHP
Javascript判断文件是否存在(客户端/服务器端)
2014/09/16 Javascript
jQuery给元素添加样式的方法详解
2015/12/30 Javascript
微信小程序开发之麦克风动画 帧动画 放大 淡出
2017/04/18 Javascript
vue2 前端搜索实现示例
2018/02/26 Javascript
基于Vue的延迟加载插件vue-view-lazy
2018/05/21 Javascript
简单明了区分escape、encodeURI和encodeURIComponent
2018/05/26 Javascript
Vue.js实现的购物车功能详解
2019/01/27 Javascript
vue2.x数组劫持原理的实现
2020/04/19 Javascript
微信小程序 button样式设置为图片的方法
2020/06/19 Javascript
JS猜数字游戏实例讲解
2020/06/30 Javascript
[02:56]DOTA2英雄基础教程 巨魔战将
2013/12/10 DOTA
Python开发实例分享bt种子爬虫程序和种子解析
2014/05/21 Python
Python实现字典去除重复的方法示例
2017/07/31 Python
pandas计数 value_counts()的使用
2019/06/24 Python
Python 图像处理: 生成二维高斯分布蒙版的实例
2019/07/04 Python
完美解决python3.7 pip升级 拒绝访问问题
2019/07/12 Python
pytorch 实现打印模型的参数值
2019/12/30 Python
matlab 计算灰度图像的一阶矩,二阶矩,三阶矩实例
2020/04/22 Python
Django models文件模型变更错误解决
2020/05/11 Python
基于python检查矩阵计算结果
2020/05/21 Python
描述Cookie和Session的作用,区别和各自的应用范围,Session工作原理
2015/03/25 面试题
.NET方向面试题
2014/11/20 面试题
结构和类有什么异同
2012/07/16 面试题
Set里的元素是不能重复的,那么用什么方法来区分重复与否呢? 是用==还是equals()? 它们有何区别?
2014/07/27 面试题
大学校园毕业自我鉴定
2014/01/15 职场文书
文明之星事迹材料
2014/05/09 职场文书
2014年工程工作总结
2014/11/25 职场文书
家长意见和建议怎么写
2015/06/04 职场文书
田径运动会广播稿
2015/08/19 职场文书
2015年乡镇组织委员工作总结
2015/10/23 职场文书