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 KeyDown、KeyPress和KeyUp事件的区别与联系
Dec 03 Javascript
jQuery.query.js 取参数的两点问题分析
Aug 06 Javascript
JavaScript中检测变量是否存在遇到的一些问题
Nov 11 Javascript
javascript表单验证使用示例(javascript验证邮箱)
Jan 07 Javascript
jquery 中的each()跳出循环的语句
May 23 Javascript
基于编写jQuery的无缝滚动插件
Aug 02 Javascript
Jquery实现仿腾讯微博发表广播
Nov 17 Javascript
javascript框架设计之种子模块
Jun 23 Javascript
js实现碰撞检测特效代码分享
Oct 16 Javascript
Vue 换肤的示例实践
Jan 23 Javascript
Vuex的热更替如何实现
Jun 05 Javascript
JS实现页面侧边栏效果探究
Jan 08 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
PHP zlib扩展实现页面GZIP压缩输出
2010/06/17 PHP
PHP中检索字符串的方法分析【strstr与substr_count方法】
2017/02/17 PHP
Yii2 如何在modules中添加验证码的方法
2017/06/19 PHP
ThinkPHP5+UEditor图片上传到阿里云对象存储OSS功能示例
2019/08/05 PHP
js不是基础的基础
2006/12/24 Javascript
javascript 终止函数执行操作
2014/02/14 Javascript
jQuery分别获取选中的复选框值的示例
2014/06/17 Javascript
jquery实现图片随机排列的方法
2015/05/04 Javascript
AngularJs bootstrap搭载前台框架——js控制部分
2016/09/01 Javascript
js仿小米官网图片轮播特效
2016/09/29 Javascript
Node.js中的require.resolve方法使用简介
2017/04/23 Javascript
vue-cli常用设置总结
2018/02/24 Javascript
Vue无限滑动周选择日期的组件的示例代码
2018/07/18 Javascript
webpack + vue 打包生成公共配置文件(域名) 方便动态修改
2019/08/29 Javascript
layui的layedit富文本赋值方法
2019/09/18 Javascript
CountUp.js实现数字滚动增值效果
2019/10/17 Javascript
Python字典简介以及用法详解
2016/11/15 Python
python如何通过pyqt5实现进度条
2020/01/20 Python
Python文件操作模拟用户登陆代码实例
2020/06/09 Python
python 基于opencv去除图片阴影
2021/01/26 Python
2分钟教你实现环形/扇形菜单(基础版)
2020/01/15 HTML / CSS
The Hut英国:英国领先的豪华在线百货商店
2019/07/26 全球购物
eBay荷兰购物网站:eBay.nl
2020/06/26 全球购物
母亲七十大寿答谢词
2014/01/18 职场文书
12岁生日感言
2014/01/21 职场文书
致全体运动员广播稿
2014/02/01 职场文书
动漫专业高职生职业生涯规划书
2014/02/15 职场文书
院领导写的就业推荐信
2014/03/09 职场文书
社区义诊活动总结
2014/04/30 职场文书
销售团队激励口号
2014/06/06 职场文书
五四演讲稿范文
2014/09/03 职场文书
2014年财务科工作总结
2014/11/11 职场文书
家庭经济困难证明
2015/06/23 职场文书
小学班主任教育随笔
2015/08/15 职场文书
2016年“抗战胜利纪念日”71周年校园广播稿
2015/12/18 职场文书
python使用pymysql模块操作MySQL
2021/06/16 Python