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里的条件判断
Feb 27 Javascript
javascript new fun的执行过程
Aug 05 Javascript
jQuery之按钮组件的深入解析
Jun 19 Javascript
js简单的点击返回顶部效果实现方法
Apr 10 Javascript
jQuery右侧选项卡焦点图片轮播特效代码分享
Sep 05 Javascript
JS原型、原型链深入理解
Feb 27 Javascript
基于javascript实现句子翻牌网页版小游戏
Mar 23 Javascript
AngularJS应用开发思维之依赖注入3
Aug 19 Javascript
JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法
Dec 27 Javascript
vue的常用组件操作方法应用分析
Apr 13 Javascript
vue-router传参用法详解
Jan 19 Javascript
jQuery实现判断滚动条滚动到document底部的方法分析
Aug 27 jQuery
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
2006/12/14 PHP
php对csv文件的读取,写入,输出下载操作详解
2013/08/10 PHP
PHP实现bitmap位图排序与求交集的方法
2016/07/28 PHP
PHP中模糊查询并关联三个select框
2017/06/19 PHP
laravel 5.5 关闭token的3种实现方式
2019/10/24 PHP
使用PHP开发留言板功能
2019/11/19 PHP
Javascript图像处理思路及实现代码
2012/12/25 Javascript
JQuery实现表格中相同单元格合并示例代码
2013/06/26 Javascript
js中arguments,caller,callee,apply的用法小结
2014/01/28 Javascript
jQuery Form表单取值的方法
2017/01/11 Javascript
jQuery实现拼图小游戏(实例讲解)
2017/07/24 jQuery
jQuery接受后台传递的List的实例详解
2017/08/02 jQuery
JS中关于正则的巧妙操作
2017/08/31 Javascript
EasyUI实现下拉框多选功能
2017/11/07 Javascript
vue中mint-ui的使用方法
2018/04/04 Javascript
webpack的tree shaking的实现方法
2019/09/18 Javascript
vue表单数据交互提交演示教程
2019/11/13 Javascript
React实现阿里云OSS上传文件的示例
2020/08/10 Javascript
[03:12]2016完美“圣”典风云人物:单车专访
2016/12/02 DOTA
使用Python标准库中的wave模块绘制乐谱的简单教程
2015/03/30 Python
Python抓取淘宝下拉框关键词的方法
2015/07/08 Python
python机器学习之决策树分类详解
2017/12/20 Python
Python实现字符串的逆序 C++字符串逆序算法
2020/05/28 Python
Python 变量类型详解
2018/10/10 Python
Django 项目重命名的实现步骤解析
2019/08/14 Python
Matplotlib scatter绘制散点图的方法实现
2020/01/02 Python
从多个tfrecord文件中无限读取文件的例子
2020/02/17 Python
深入了解python列表(LIST)
2020/06/08 Python
tensorflow 大于某个值为1,小于为0的实例
2020/06/30 Python
css3 iphone玻璃透明气泡完美实现
2013/03/20 HTML / CSS
个人现实表现材料
2014/02/04 职场文书
公司爱心捐款倡议书
2014/05/14 职场文书
电子专业求职信
2014/06/19 职场文书
新疆民族团结演讲稿
2014/08/27 职场文书
python 标准库原理与用法详解之os.path篇
2021/10/24 Python
Win11右下角图标点了没反应怎么办?Win11点击右下角图标无反应解决方法汇总
2022/07/07 数码科技