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 树控件 比较好用
Jun 11 Javascript
在JavaScript中监听IME键盘输入事件
May 29 Javascript
Javascript实现返回上一页面并刷新的小例子
Dec 11 Javascript
动态创建script标签实现跨域资源访问的方法介绍
Feb 28 Javascript
javascript 原型链维护和继承详解
Nov 26 Javascript
node.js中的fs.linkSync方法使用说明
Dec 15 Javascript
jQuery显示和隐藏 常用的状态判断方法
Jan 29 Javascript
JavaScript实现iframe自动高度调整和不同主域名跨域
Feb 27 Javascript
基于JavaScript实现轮播图原理及示例
Apr 10 Javascript
详解Vue实战指南之依赖注入(provide/inject)
Nov 13 Javascript
JS 封装父页面子页面交互接口的实例代码
Jun 25 Javascript
javascript自定义日期比较函数用法示例
Jul 22 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
thinkPHP js文件中U方法不被解析问题的解决方法
2016/12/05 PHP
JavaScript 函数参数是传值(byVal)还是传址(byRef) 分享
2013/07/02 Javascript
JQuery插件fancybox无法在弹出层使用左右键的解决办法
2013/12/25 Javascript
jquery实现的导航固定效果
2014/04/28 Javascript
js单词形式的运算符
2014/05/06 Javascript
JS长整型精度问题实例分析
2015/01/13 Javascript
jQuery简单实现禁用右键菜单
2015/03/10 Javascript
jQuery中队列queue()函数的实例教程
2016/05/03 Javascript
Javascript基础_标记文字的实现方法
2016/06/14 Javascript
JS实现兼容各种浏览器的获取选择文本的方法【测试可用】
2016/06/21 Javascript
jQuery EasyUI Tab 选项卡问题小结
2016/08/16 Javascript
基于rem的移动端响应式适配方案(详解)
2017/07/07 Javascript
vue利用axios来完成数据的交互
2018/03/23 Javascript
详解SPA中前端路由基本原理与实现方式
2018/09/12 Javascript
vue微信分享出来的链接点开是首页问题的解决方法
2018/11/28 Javascript
vue实现移动端悬浮窗效果
2018/12/01 Javascript
layui 实现自动选择radio单选框(checked)的方法
2019/09/03 Javascript
详解使用mocha对webpack打包的项目进行&quot;冒烟测试&quot;的大致流程
2020/04/27 Javascript
跟老齐学Python之有点简约的元组
2014/09/24 Python
简单说明Python中的装饰器的用法
2015/04/24 Python
利用Python爬虫给孩子起个好名字
2017/02/14 Python
Python实现matplotlib显示中文的方法详解
2018/02/06 Python
python itchat给指定联系人发消息的方法
2019/06/11 Python
vim自动补全插件YouCompleteMe(YCM)安装过程解析
2019/10/21 Python
Python如何测试stdout输出
2020/08/10 Python
台湾网购生鲜第一品牌:i3Fresh爱上新鲜
2017/10/26 全球购物
英国在线发型和美容产品商店:Beauty Cutie
2019/04/27 全球购物
英国索普公园票务和酒店套餐:Thorpe Breaks
2019/09/14 全球购物
教师求职推荐信范文
2013/11/20 职场文书
两只小狮子教学反思
2014/02/05 职场文书
yy生日主持词
2014/03/20 职场文书
离婚协议书范文
2015/01/26 职场文书
2015年销售人员工作总结
2015/04/07 职场文书
2015年医院保卫科工作总结
2015/07/23 职场文书
手把手教你用SpringBoot将文件打包成zip存放或导出
2021/06/11 Java/Android
MySQL分区表管理命令汇总
2022/03/21 MySQL