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 document.images实例
May 27 Javascript
js前台判断开始时间是否小于结束时间
Feb 23 Javascript
Javascript 垃圾收集机制介绍理解
May 14 Javascript
IE下写xml文件的两种方式(fso/saveAs)
Aug 05 Javascript
javascript实现原生ajax的几种方法介绍
Sep 21 Javascript
JS实现自适应高度表单文本框的方法
Feb 25 Javascript
jquery实现横向图片轮播特效代码分享
Nov 19 Javascript
jQuery实现的表格前端排序功能示例
Sep 18 jQuery
Vue实现textarea固定输入行数与添加下划线样式的思路详解
Jun 28 Javascript
微信小程序实现预览图片功能
Oct 22 Javascript
vue--vuex详解
Apr 15 Javascript
微信小程序动态设置图片大小的方法
Nov 21 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
使用PHP获取网络文件的实现代码
2010/01/01 PHP
php基于Fleaphp框架实现cvs数据导入MySQL的方法
2016/02/23 PHP
PHP查询大量数据内存耗尽问题的解决方法
2016/10/28 PHP
php实现用户登陆简单实例
2017/04/04 PHP
Eclipse PHPEclipse 配置的具体步骤
2017/08/08 PHP
JS实现两个大数(整数)相乘
2014/04/28 Javascript
jQuery过滤选择器详解
2015/01/13 Javascript
jQuery的框架介绍
2016/05/11 Javascript
JS实现输入框提示文字点击时消失效果
2016/07/19 Javascript
老生常谈JavaScript 函数表达式
2016/09/01 Javascript
Bootstrap table的使用方法
2016/11/02 Javascript
H5上传本地图片并预览功能
2017/05/08 Javascript
微信小程序上传图片到服务器实例代码
2017/11/07 Javascript
vue 巧用过渡效果(小结)
2018/09/22 Javascript
webpack优化之代码分割与公共代码提取详解
2019/11/22 Javascript
uni-app 组件里面获取元素宽高的实现
2019/12/27 Javascript
JavaScript实现与web通信的方法详解
2020/08/07 Javascript
如何在selenium中使用js实现定位
2020/08/18 Javascript
vue-cli 关闭热更新操作
2020/09/18 Javascript
Python 不同对象比较大小示例探讨
2014/08/21 Python
python获得两个数组交集、并集、差集的方法
2015/03/27 Python
使用Python操作MySQL的一些基本方法
2015/08/16 Python
使用Python实现从各个子文件夹中复制指定文件的方法
2018/10/25 Python
Python:二维列表下标互换方式(矩阵转置)
2019/12/02 Python
pytorch实现onehot编码转为普通label标签
2020/01/02 Python
pytorch中的卷积和池化计算方式详解
2020/01/03 Python
Django Admin后台添加数据库视图过程解析
2020/04/01 Python
Tomcat的缺省是多少,怎么修改
2014/04/09 面试题
关于是否需要写商业计划书
2014/02/07 职场文书
计算机毕业生自荐信范文
2014/03/23 职场文书
工伤事故处理协议书怎么写
2014/10/15 职场文书
实习推荐信格式模板
2015/03/27 职场文书
河童之夏观后感
2015/06/11 职场文书
2016年社区创先争优活动总结
2016/04/05 职场文书
​(迎国庆)作文之我爱我的祖国
2019/09/19 职场文书
CentOS安装Nginx并部署vue
2022/04/12 Servers