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 相关文章推荐
js类中获取外部函数名的方法
Aug 19 Javascript
Javascript 中文字符串处理额外注意事项
Nov 15 Javascript
Jquery 常用方法经典总结
Jan 28 Javascript
jQuery Mobile页面跳转后未加载外部JS原因分析及解决
Mar 18 Javascript
javascript禁制后退键(Backspace)实例代码
Nov 15 Javascript
Angular中的Promise对象($q介绍)
Mar 03 Javascript
jQuery实现动画效果circle实例
Aug 06 Javascript
jQuery实现MSN中文网滑动Tab菜单效果代码
Sep 09 Javascript
jquery实现回车键触发事件(实例讲解)
Nov 21 jQuery
浅析JavaScript异步代码优化
Mar 18 Javascript
微信小程序反编译的实现
Dec 10 Javascript
浅析JavaScript中的事件委托机制跟深浅拷贝
Jan 20 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
使用 php4 加速 web 传输
2006/10/09 PHP
CodeIgniter配置之database.php用法实例分析
2016/01/20 PHP
PHP实现RTX发送消息提醒的实例代码
2017/01/03 PHP
thinkphp自定义权限管理之名称判断方法
2017/04/01 PHP
laravel 创建命令行命令的图文教程
2019/10/23 PHP
Laravel 集成微信用户登录和绑定的实现
2019/12/27 PHP
JavaScript 对象、函数和继承
2009/07/07 Javascript
禁用键盘上的(全局)指定键兼容iE、Chrome、火狐
2013/05/14 Javascript
jquery如何实现在加载完iframe的内容后再进行操作
2013/09/10 Javascript
JavaScript格式化日期时间的方法和自定义格式化函数示例
2014/04/04 Javascript
解析Node.js基于模块和包的代码部署方式
2016/02/16 Javascript
jQuery制作圣诞主题页面 更像是爱情影集
2016/08/10 Javascript
ajax +NodeJS 实现图片上传实例
2017/06/06 NodeJs
vue实现仿淘宝结账页面实例代码
2017/11/08 Javascript
详解ES6语法之可迭代协议和迭代器协议
2018/01/13 Javascript
最后说说Vue2 SSR 的 Cookies 问题
2018/05/25 Javascript
详解解决Vue相同路由参数不同不会刷新的问题
2018/10/12 Javascript
通过js示例讲解时间复杂度与空间复杂度
2019/08/06 Javascript
微信小程序实现选项卡滑动切换
2020/10/22 Javascript
[03:04]2018年国际邀请赛典藏宝瓶&莱恩声望物品展示 片尾有彩蛋
2018/06/04 DOTA
[55:23]VGJ.T vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
复制粘贴功能的Python程序
2008/04/04 Python
Python ORM框架SQLAlchemy学习笔记之数据查询实例
2014/06/10 Python
详解Python list 与 NumPy.ndarry 切片之间的对比
2017/07/24 Python
Python人脸识别初探
2017/12/21 Python
Python模块文件结构代码详解
2018/02/03 Python
python实现自动化报表功能(Oracle/plsql/Excel/多线程)
2019/12/02 Python
使用Nibabel库对nii格式图像的读写操作
2020/07/01 Python
Python爬虫爬取ts碎片视频+验证码登录功能
2021/02/22 Python
Html5页面中的返回实现的方法
2018/02/26 HTML / CSS
俄罗斯皮肤健康中心:Pharmacosmetica.ru
2020/02/22 全球购物
毕业生动漫设计求职信
2013/10/11 职场文书
大学军训的体会
2014/11/08 职场文书
让文件路径提取变得更简单的Python Path库
2021/05/27 Python
python实现简易自习室座位预约系统
2021/06/30 Python
vue代码分块和懒加载非必要资源文件
2022/04/11 Vue.js