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入门教程(7) History历史对象
Jan 31 Javascript
JQuery Ajax通过Handler访问外部XML数据的代码
Jun 01 Javascript
动态加载外部javascript文件的函数代码分享
Jul 28 Javascript
jQuery 属性选择器element[herf*='value']使用示例
Oct 20 Javascript
Js实现网页键盘控制翻页的方法
Oct 30 Javascript
JavaScript控制table某列不显示的方法
Mar 16 Javascript
jQuery实现文本展开收缩特效
Jun 03 Javascript
详解JavaScript异步编程中jQuery的promise对象的作用
May 03 Javascript
jQuery插件扩展操作入门示例
Jan 16 Javascript
Vue.js bootstrap前端实现分页和排序
Mar 10 Javascript
微信小程序自定义头部导航栏(组件化)
Nov 15 Javascript
利用JavaScript写一个简单计算器
Nov 27 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
论建造顺序的重要性
2020/03/04 星际争霸
phpQuery让php处理html代码像jQuery一样方便
2015/01/06 PHP
php实现无限级分类(递归方法)
2015/08/06 PHP
php 使用html5实现多文件上传实例
2016/10/24 PHP
js计算页面刷新的次数
2009/07/20 Javascript
jQuery 源码分析笔记(7) Queue
2011/06/19 Javascript
javascript之bind使用介绍
2011/10/09 Javascript
javascript实现图片切换的幻灯片效果源代码
2012/12/12 Javascript
javascript 手动给表增加数据的小例子
2013/07/10 Javascript
Javascript异步编程模型Promise模式详细介绍
2014/05/08 Javascript
jQuery中:gt选择器用法实例
2014/12/29 Javascript
jQuery通过控制节点实现仅在前台通过get方法完成参数传递
2015/02/02 Javascript
JS实现从表格中动态删除指定行的方法
2015/03/31 Javascript
JavaScript中的跨浏览器事件操作的基本方法整理
2016/05/20 Javascript
JavaScript实现使用Canvas绘制图形的基本教程
2016/10/27 Javascript
JavaScript学习笔记之数组基本操作示例
2019/01/09 Javascript
VueJS 取得 URL 参数值的方法
2019/07/19 Javascript
vue 修改 data 数据问题并实时显示操作
2020/09/07 Javascript
[52:02]DOTA2-DPC中国联赛 正赛 Phoenix vs Dragon BO3 第二场 2月26日
2021/03/11 DOTA
在Python中使用Mako模版库的简单教程
2015/04/08 Python
python自动zip压缩目录的方法
2015/06/28 Python
python处理按钮消息的实例详解
2017/07/11 Python
详解Python下Flask-ApScheduler快速指南
2018/11/04 Python
Python反爬虫技术之防止IP地址被封杀的讲解
2019/01/09 Python
Python代码实现http/https代理服务器的脚本
2019/08/12 Python
numpy数组做图片拼接的实现(concatenate、vstack、hstack)
2019/11/08 Python
python将时分秒转换成秒的实例
2019/12/07 Python
python读取图像矩阵文件并转换为向量实例
2020/06/18 Python
python编写实现抽奖器
2020/09/10 Python
css 省略号 css3让多余的字符串消失并附加省略号的实现代码
2013/02/07 HTML / CSS
HTML5的一个显示电池状态的API简介
2015/06/18 HTML / CSS
就业自荐书
2013/12/05 职场文书
《永远的白衣战士》教学反思
2014/04/25 职场文书
2014年团委工作总结
2014/11/13 职场文书
DIV CSS实现网页背景半透明效果
2021/12/06 HTML / CSS
mysql序号rownum行号实现方式
2022/12/24 MySQL