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 相关文章推荐
2010年最佳jQuery插件整理
Dec 06 Javascript
Extjs TimeField 显示正常时间格式的代码
Jun 28 Javascript
非常好用的JsonToString 方法 简单实例
Jul 18 Javascript
JavaScript中用toString()方法返回时间为字符串
Jun 12 Javascript
jQuery购物网页经典制作案例
Aug 19 Javascript
JS高仿抛物线加入购物车特效实现代码
Feb 20 Javascript
vue页面使用阿里oss上传功能的实例(二)
Aug 09 Javascript
vue下跨域设置的相关介绍
Aug 26 Javascript
详解vue-router 路由元信息
Sep 13 Javascript
setTimeout时间设置为0详细解析
Mar 13 Javascript
微信小程序位置授权处理方法
Jun 13 Javascript
Vue登录主页动态背景短视频制作
Sep 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
网站当前的在线人数
2006/10/09 PHP
php高级编程-函数-郑阿奇
2011/07/04 PHP
eaglephp使用微信api接口开发微信框架
2014/01/09 PHP
PHP图片库imagemagick安装方法
2014/09/23 PHP
php实现的IMEI限制的短信验证码发送类
2015/05/05 PHP
javascript 客户端验证上传图片的大小(兼容IE和火狐)
2009/08/15 Javascript
用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例
2013/06/25 Javascript
javascript验证身份证完全方法具体实现
2013/11/18 Javascript
jQuery选择id属性带有点符号元素的方法
2015/03/17 Javascript
jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享
2015/08/20 Javascript
Linux下为Node.js程序配置MySQL或Oracle数据库的方法
2016/03/19 Javascript
BOM系列第一篇之定时器setTimeout和setInterval
2016/08/17 Javascript
JS 调用微信扫一扫功能
2016/12/22 Javascript
JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)
2017/03/30 Javascript
一文让你彻底搞清楚javascript中的require、import与export
2017/09/24 Javascript
如何编写一个d.ts文件的步骤详解
2018/04/13 Javascript
浅谈vue后台管理系统权限控制思考与实践
2018/12/19 Javascript
layui数据表格 table.render 报错的解决方法
2019/09/29 Javascript
python从sqlite读取并显示数据的方法
2015/05/08 Python
Python与R语言的简要对比
2017/11/14 Python
用Python进行简单图像识别(验证码)
2018/01/19 Python
利用Python进行图像的加法,图像混合(附代码)
2019/07/14 Python
Python3批量移动指定文件到指定文件夹方法示例
2019/09/02 Python
Python协程操作之gevent(yield阻塞,greenlet),协程实现多任务(有规律的交替协作执行)用法详解
2019/10/14 Python
Python如何使用内置库matplotlib绘制折线图
2020/02/24 Python
python用什么编辑器进行项目开发
2020/06/17 Python
多视角3D可旋转的HTML5 Logo动画
2016/03/02 HTML / CSS
英国图书音像网站:Hive.co.uk(图书、电子书、DVD、蓝光、音乐CD等)
2017/10/16 全球购物
Foot Locker加拿大官网:美国知名运动产品零售商
2019/07/21 全球购物
如何提高MySql的安全性
2014/06/19 面试题
勤俭节约倡议书
2014/04/14 职场文书
好的促销活动方案
2014/08/21 职场文书
爱晚亭导游词
2015/02/09 职场文书
财务人员入职担保书
2015/09/22 职场文书
2015质检员个人年终工作总结
2015/10/23 职场文书
Apache Hudi 加速传统的批处理模式
2022/04/24 Servers