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 相关文章推荐
让图片旋转任意角度及JQuery插件使用介绍
Mar 20 Javascript
innerHTML,outerHTML,innerText,outerText的用法及区别解析
Dec 16 Javascript
深入浅析JavaScript中的arguments对象(强力推荐)
Jun 03 Javascript
jquery datatable服务端分页
Aug 31 Javascript
js实现无缝滚动图
Feb 22 Javascript
bootstrap时间控件daterangepicker使用方法及各种小bug修复
Oct 25 Javascript
ES6 javascript的异步操作实例详解
Oct 30 Javascript
Node.js学习教程之HTTP/2服务器推送【译】
Oct 31 Javascript
利用JQUERY实现多个AJAX请求等待的实例
Dec 14 jQuery
详解angular分页插件tm.pagination二次触发问题解决方案
Jul 20 Javascript
使用 Angular RouteReuseStrategy 缓存(路由)组件的实例代码
Nov 01 Javascript
jQuery实现鼠标移入显示蒙版效果
Jan 11 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/10/09 PHP
PHP小技巧搜集,每个PHPer都来露一手
2007/01/02 PHP
PHP输出XML到页面的3种方法详解
2013/06/06 PHP
php将html转成wml的WAP标记语言实例
2015/07/08 PHP
PHP开发中AJAX技术的简单应用
2015/12/11 PHP
解决form中action属性后面?传递参数 获取不到的问题
2017/07/21 PHP
VSCode+PHPstudy配置PHP开发环境的步骤详解
2020/08/20 PHP
javaScript Array(数组)相关方法简述
2009/07/25 Javascript
JavaScript常用对象的方法和属性小结
2012/01/24 Javascript
多个表单中如何获得这个文件上传的网址实现js代码
2013/03/25 Javascript
javascript验证身份证完全方法具体实现
2013/11/18 Javascript
JavaScript在IE和FF下的兼容性问题
2014/05/19 Javascript
NodeJS学习笔记之Connect中间件模块(一)
2015/01/27 NodeJs
JS简单循环遍历json数组的方法
2016/04/22 Javascript
AngularJS实现的JSONP跨域访问数据传输功能详解
2017/07/20 Javascript
详解Angular结合zTree异步加载节点数据
2018/01/20 Javascript
Bootstrap table中toolbar新增条件查询及refresh参数使用方法
2018/05/18 Javascript
vue项目环境变量配置的实现方法
2018/10/12 Javascript
解决vue addRoutes不生效问题
2020/08/04 Javascript
[02:07]DOTA2新英雄展现中国元素,完美“圣典”亮相央视
2016/12/19 DOTA
Python中的高级数据结构详解
2015/03/27 Python
python版本的读写锁操作方法
2016/04/25 Python
使用Python的Flask框架来搭建第一个Web应用程序
2016/06/04 Python
Python实现自动为照片添加日期并分类的方法
2017/09/30 Python
python3设计模式之简单工厂模式
2017/10/17 Python
python之virtualenv的简单使用方法(必看篇)
2017/11/25 Python
解决vscode python print 输出窗口中文乱码的问题
2018/12/03 Python
python能开发游戏吗
2020/06/11 Python
python绘制汉诺塔
2021/03/01 Python
德国机场停车位比较和预订网站:Ich-parke-billiger
2018/01/08 全球购物
实习自我鉴定模板
2013/09/28 职场文书
音乐表演专业毕业生求职信
2013/10/14 职场文书
校园摄影活动策划方案
2014/02/05 职场文书
远程网络教育毕业生自我鉴定
2014/04/14 职场文书
PHP中->和=>的意思
2021/03/31 PHP
Mysql关于数据库是否应该使用外键约束详解说明
2021/10/24 MySQL