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


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 相关文章推荐
HTML中Select不用Disabled实现ReadOnly的效果
Apr 07 Javascript
Cookie 注入是怎样产生的
Apr 08 Javascript
超越Jquery_01_isPlainObject分析与重构
Oct 20 Javascript
调试Node.JS的辅助工具(NodeWatcher)
Jan 04 Javascript
js获取网页可见区域、正文以及屏幕分辨率的高度
May 15 Javascript
Javascript获取当前日期的农历日期代码
Oct 08 Javascript
详解javascript中原始数据类型Null和Undefined
Dec 17 Javascript
jQuery实现返回顶部功能
Feb 23 Javascript
anime.js 实现带有描边动画效果的复选框(推荐)
Dec 24 Javascript
旺旺在线客服代码 旺旺客服代码生成器
Jan 09 Javascript
JS与CSS3实现图片响应鼠标移动放大效果示例
May 04 Javascript
jquery插件实现悬浮的菜单
Apr 24 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 无限极分类
2008/03/27 PHP
《PHP编程最快明白》第四讲:日期、表单接收、session、cookie
2010/11/01 PHP
PHP开发中的错误收集,不定期更新。
2011/02/03 PHP
PHP session_start()问题解疑(详细介绍)
2013/07/05 PHP
php 在线导入mysql大数据程序
2015/06/11 PHP
PHP自定义序列化接口Serializable用法分析
2017/12/29 PHP
Nigma vs Liquid BO3 第一场2.14
2021/03/10 DOTA
IE8 原生JSON支持
2009/04/13 Javascript
WordPress JQuery处理沙发头像
2009/06/22 Javascript
JQuery的ajax基础上的超强GridView展示
2009/09/18 Javascript
让iframe子窗体取父窗体地址栏参数(querystring)
2009/10/13 Javascript
jquery处理json对象
2014/11/03 Javascript
jQuery实现流动虚线框的方法
2015/01/29 Javascript
jQuery EasyUI实现右键菜单变灰不可用效果
2015/09/24 Javascript
JS日期加减,日期运算代码
2015/11/05 Javascript
基于jquery实现省市联动效果
2015/11/23 Javascript
js canvas仿支付宝芝麻信用分仪表盘
2016/11/16 Javascript
详解Vue 事件修饰符capture 的使用
2017/12/29 Javascript
微信小程序实现电子签名并导出图片
2020/05/27 Javascript
浅谈js中的attributes和Attribute的用法与区别
2020/07/16 Javascript
探索浏览器页面关闭window.close()的使用详解
2020/08/21 Javascript
ES6中的类(Class)示例详解
2020/12/09 Javascript
简单了解Python下用于监视文件系统的pyinotify包
2015/11/13 Python
apache部署python程序出现503错误的解决方法
2017/07/24 Python
教你用Python写安卓游戏外挂
2018/01/11 Python
Python实现动态添加属性和方法操作示例
2018/07/25 Python
python简易实现任意位数的水仙花实例
2018/11/13 Python
python 浅谈serial与stm32通信的编码问题
2019/12/18 Python
Python urllib2运行过程原理解析
2020/06/04 Python
在 Python 中使用 MQTT的方法
2020/08/18 Python
Css3新特性应用之形状总结
2016/12/08 HTML / CSS
一帮一活动总结
2014/05/08 职场文书
体育专业自荐书
2014/05/29 职场文书
医院科室评语
2015/01/04 职场文书
评职称个人总结
2015/03/05 职场文书
员工加薪申请报告
2015/05/15 职场文书