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各种复制代码收集
Sep 20 Javascript
JavaScript加入收藏夹功能(兼容IE、firefox、chrome)
May 05 Javascript
js数组去重的方法汇总
Jul 29 Javascript
如何用javascript计算文本框还能输入多少个字符
Jul 29 Javascript
JS DOM实现鼠标滑动图片效果
Sep 17 Javascript
JS实现的多张图片轮流播放幻灯片效果
Jul 22 Javascript
老生常谈JavaScript 函数表达式
Sep 01 Javascript
JavaScript定时器setTimeout()和setInterval()详解
Aug 18 Javascript
JavaScript中concat复制数组方法浅析
Jan 20 Javascript
详解vue路由篇(动态路由、路由嵌套)
Jan 27 Javascript
Element-Ui组件 NavMenu 导航菜单的具体使用
Oct 24 Javascript
vue 公共列表选择组件,引用Vant-UI的样式方式
Nov 02 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
dedecms函数分享之获取某一栏目所有子栏目
2014/05/19 PHP
在WordPress中实现发送http请求的相关函数解析
2015/12/29 PHP
Laravel框架自定义验证过程实例分析
2019/02/01 PHP
yii2 在控制器中验证请求参数的使用方法
2019/06/19 PHP
xheditor与validate插件冲突的解决方案
2010/04/15 Javascript
js静态方法与实例方法分析
2011/07/04 Javascript
jquery和javascript中如何将一元素的内容赋给另一元素
2014/01/09 Javascript
js去除输入框中所有的空格和禁止输入空格的方法
2014/06/09 Javascript
JavaScript事件委托实例分析
2015/05/26 Javascript
简介AngularJS中使用factory和service的方法
2015/06/17 Javascript
jQuery EasyUI Pagination实现分页的常用方法
2016/05/21 Javascript
js 创建对象 经典模式全面了解
2016/08/16 Javascript
微信小程序 使用canvas制作K线实例详解
2017/01/12 Javascript
node通过npm写一个cli命令行工具
2017/10/12 Javascript
深度了解vue.js中hooks的相关知识
2019/06/14 Javascript
详解Typescript里的This的使用方法
2021/01/08 Javascript
Python的Tornado框架实现图片上传及图片大小修改功能
2016/06/30 Python
python 动态加载的实现方法
2017/12/22 Python
Python基于Floyd算法求解最短路径距离问题实例详解
2018/05/16 Python
神经网络相关之基础概念的讲解
2018/12/29 Python
把django中admin后台界面的英文修改为中文显示的方法
2019/07/26 Python
Python3 venv搭建轻量级虚拟环境的步骤(图文)
2019/08/09 Python
python Pillow图像处理方法汇总
2019/10/16 Python
Python爬取YY评级分数并保存数据实现过程解析
2020/06/01 Python
Lou & Grey美国官网:主打舒适性面料服饰
2017/12/21 全球购物
Johnston & Murphy官网: 约翰斯顿·墨菲牛津总统鞋
2018/01/09 全球购物
美国智能家居专家:tink
2019/06/04 全球购物
中英文求职信范文
2014/01/27 职场文书
大学军训感言400字
2014/03/11 职场文书
yy婚礼主持词
2014/03/14 职场文书
国旗下演讲稿
2014/05/08 职场文书
总经理任命书范本
2014/06/05 职场文书
财务部副经理岗位职责范本
2014/06/17 职场文书
经验交流材料格式
2014/12/30 职场文书
爱国之歌(8首)
2019/09/29 职场文书
详解Nginx启动失败的几种错误处理
2021/04/01 Servers