jquery 判断滚动条到达了底部和顶端的方法


Posted in Javascript onApril 02, 2014
$(document).height()  //是获取整个页面的高度
$(window).height()  //是获取当前也就是浏览器所能看到的页面的那部分的高度。这个大小在你缩放浏览器窗口大小时会改变,与document是不一样的

要获取顶端,只需要获取到scrollTop()==0的时候就是顶端;

要获取底端,只要获取scrollTop()>=$(document).height()-$(window).height()  就可以知道已经滚动到底端了;

$(document).scrollTop() 获取垂直滚动的距离  即当前滚动的地方的窗口顶端到整个页面顶端的距离;
$(document).scrollLeft() 这是获取水平滚动条的距离;

例子:
$(document).scroll(function(){
    $("#lb").text($(document).scrollTop());
})
<span id="lb" style="top:100px;left:100px;position:fixed;"></span><!--一个固定的span标记 滚动时-->

Javascript 相关文章推荐
javascript静态的url如何传递
May 03 Javascript
js split 的用法和定义 js split分割字符串成数组的实例代码
May 13 Javascript
原生js实现模拟滚动条
Jun 15 Javascript
基于jquery插件实现拖拽删除图片功能
Aug 27 Javascript
jQuery基于扩展简单实现倒计时功能的方法
May 14 Javascript
JS控制静态页面之间传递参数获取参数并应用的简单实例
Aug 10 Javascript
JavaScript日期选择功能示例
Jan 16 Javascript
jquery仿ps颜色拾取功能
Mar 08 Javascript
原生javascript上传图片带进度条【实例分享】
Apr 06 Javascript
vue axios基于常见业务场景的二次封装的实现
Sep 21 Javascript
react-router4按需加载(踩坑填坑)
Jan 06 Javascript
JS实现根据详细地址获取经纬度功能示例
Apr 16 Javascript
jquery实现不同大小浏览器使用不同的css样式表的方法
Apr 02 #Javascript
jQuery瀑布流插件Wookmark使用实例
Apr 02 #Javascript
jquery删除指定的html标签并保留标签内文本内容的方法
Apr 02 #Javascript
jQuery判断div随滚动条滚动到一定位置后停止
Apr 02 #Javascript
jQuery动画效果animate和scrollTop结合使用实例
Apr 02 #Javascript
Jquery实现侧边栏跟随滚动条固定(兼容IE6)
Apr 02 #Javascript
用于deeplink的js方法(判断手机是否安装app)
Apr 02 #Javascript
You might like
mysql5写入和读出乱码解决
2006/11/25 PHP
解析在zend Farmework下如何创立一个FORM表单
2013/06/28 PHP
为PHP5.4开启Zend OPCode缓存
2014/12/26 PHP
CodeIgniter针对lighttpd服务器URL重写的方法
2015/06/10 PHP
深入解析PHP中SESSION反序列化机制
2017/03/01 PHP
php实现微信企业号支付个人的方法详解
2017/07/26 PHP
laravel框架如何设置公共头和公共尾
2019/10/22 PHP
js常用函数 不错
2006/09/08 Javascript
基于jquery实现的定时显示与隐藏div广告的实现代码
2013/08/22 Javascript
如何书写高质量jQuery代码(使用jquery性能问题)
2014/06/30 Javascript
JavaScript实现列表分页功能特效
2015/05/15 Javascript
在JavaScript应用中实现延迟加载的方法
2015/06/25 Javascript
jquery动态遍历Json对象的属性和值的方法
2016/07/27 Javascript
JavaScript轻松创建级联函数的方法示例
2017/02/10 Javascript
node的process以及child_process模块学习笔记
2018/03/06 Javascript
浅谈Webpack下多环境配置的思路
2018/06/27 Javascript
javascript实现京东快递单号的查询效果
2020/11/30 Javascript
[48:53]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS VG第一场
2014/05/26 DOTA
[35:29]Secret vs VG 2018国际邀请赛淘汰赛BO3 第三场 8.23
2018/08/24 DOTA
简单讲解Python中的字符串与字符串的输入输出
2016/03/13 Python
Python文本统计功能之西游记用字统计操作示例
2018/05/07 Python
python django下载大的csv文件实现方法分析
2019/07/19 Python
django xadmin action兼容自定义model权限教程
2020/03/30 Python
Python实现ElGamal加密算法的示例代码
2020/06/19 Python
CSS3 3D位移translate效果实例介绍
2016/05/03 HTML / CSS
清除canvas画布内容(点擦除+线擦除)
2020/08/12 HTML / CSS
Foot Locker德国官方网站:美国运动服和鞋类零售商
2018/11/01 全球购物
幼儿师范毕业生自荐信
2013/11/09 职场文书
技术学校毕业生求职信分享
2013/12/02 职场文书
国际金融专业大学生职业生涯规划书
2013/12/28 职场文书
安全生产计划书
2014/05/04 职场文书
医院合作协议书
2014/08/19 职场文书
导游词之云南丽江-泸沽湖
2019/09/26 职场文书
看看如何用Python绘制小米新版天价logo
2021/04/20 Python
python调用ffmpeg命令行工具便捷操作视频示例实现过程
2021/11/01 Python
InterProcessMutex实现zookeeper分布式锁原理
2022/03/21 Java/Android