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


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中实现命名空间
Nov 23 Javascript
网页图片延时加载的js代码
Apr 22 Javascript
在easyUI开发中,出现jquery.easyui.min.js函数库问题的解决办法
Sep 11 Javascript
纯JavaScript基于notie.js插件实现消息提示特效
Jan 18 Javascript
利用纯Vue.js构建Bootstrap组件
Nov 03 Javascript
Axios学习笔记之使用方法教程
Jul 21 Javascript
vue.draggable实现表格拖拽排序效果
Dec 01 Javascript
vue 内置过滤器的使用总结(附加自定义过滤器)
Dec 11 Javascript
jQuery实现侧边栏隐藏与显示的方法详解
Dec 22 jQuery
express框架下使用session的方法
Jul 31 Javascript
详解js创建对象的几种方式和对象方法
Mar 01 Javascript
jquery插件实现图片悬浮
Apr 16 jQuery
手机注册发送验证码倒计时的简单实例
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查询域名状态whois的类
2006/11/25 PHP
URL Rewrite的设置方法
2007/01/02 PHP
PHP学习笔记之三 数据库基本操作
2011/01/17 PHP
PHP操作数组相关函数
2011/02/03 PHP
Yii框架多语言站点配置方法分析【中文/英文切换站点】
2020/04/07 PHP
一个XML格式数据转换为图表的例子
2010/02/09 Javascript
Whatever:hover 无需javascript让IE支持丰富伪类
2010/06/29 Javascript
深入理解JavaScript系列(11) 执行上下文(Execution Contexts)
2012/01/15 Javascript
解决jquery插件冲突的问题
2014/01/23 Javascript
第一篇初识bootstrap
2016/06/21 Javascript
js时间比较 js计算时间差的简单实现方法
2016/08/26 Javascript
vue-router路由参数刷新消失的问题解决方法
2017/06/17 Javascript
jQuery实现base64前台加密解密功能详解
2017/08/29 jQuery
[原创]jquery判断元素内容是否为空的方法
2018/05/04 jQuery
webpack 从指定入口文件中提取公共文件的方法
2018/11/13 Javascript
Node4-5静态资源服务器实战以及优化压缩文件实例内容
2019/08/29 Javascript
24行JavaScript代码实现Redux的方法实例
2019/11/17 Javascript
基于JavaScript实现留言板功能
2020/03/16 Javascript
Vue 自适应高度表格的实现方法
2020/05/13 Javascript
[46:44]DOTA2-DPC中国联赛 正赛 Ehome vs PSG.LGD BO3 第二场 3月7日
2021/03/11 DOTA
Django与JS交互的示例代码
2017/08/23 Python
python如何实现一个刷网页小程序
2018/11/27 Python
100行Python代码实现每天不同时间段定时给女友发消息
2019/09/27 Python
Python遍历字典方式就实例详解
2019/12/28 Python
Python过滤序列元素的方法
2020/07/31 Python
一款利用纯css3实现的360度翻转按钮的实例教程
2014/11/05 HTML / CSS
浅谈css3中calc在less编译时被计算的解决办法
2017/12/04 HTML / CSS
html5基础标签(html5视频标签 html5新标签用法)
2013/12/30 HTML / CSS
美国领先的家居装饰和礼品商店:Kirkland’s
2017/01/30 全球购物
为有想象力的人提供的生活方式商店:Firebox
2018/06/04 全球购物
东方通信股份有限公司VC面试题
2014/08/27 面试题
标准自荐信范文
2014/01/29 职场文书
党员干部承诺书
2014/03/25 职场文书
领导班子三严三实对照检查材料
2014/09/25 职场文书
2015年终个人政治思想工作总结
2015/11/24 职场文书
优质服务心得体会(共4篇)
2016/01/22 职场文书