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代码
Aug 13 Javascript
jQuery控制TR显示隐藏的几种方法
Jun 18 Javascript
JavaScript toUpperCase()方法使用详解
Aug 26 Javascript
jQuery选择器之表单元素选择器详解
Sep 19 jQuery
AngularJS中的路由使用及实现代码
Oct 09 Javascript
jQuery中 DOM节点操作方法大全
Oct 12 jQuery
深入理解js 中async 函数的含义和用法
May 13 Javascript
微信小程序使用npm支持踩坑
Nov 07 Javascript
nvm、nrm、npm 安装和使用详解(小结)
Jan 17 Javascript
vue项目打包之后背景样式丢失的解决方案
Jan 17 Javascript
webpack-mvc 传统多页面组件化开发详解
May 07 Javascript
微信小程序点餐系统开发常见问题汇总
Aug 06 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边学边教》(02.Apache+PHP环境配置――上篇)
2006/12/13 PHP
PHP 数组入门教程小结
2009/05/20 PHP
解析php中heredoc的使用方法
2013/06/17 PHP
PHP+jQuery 注册模块的改进(三):更新到Smarty3.1
2014/10/14 PHP
php正则判断是否为合法身份证号的方法
2017/03/16 PHP
遨游,飞飞,IE,空中网 浏览器无提示关闭方法
2011/07/11 Javascript
jQuery创建平滑的页面滚动(顶部或底部)
2013/02/26 Javascript
Javascript中浮点数相乘的一个解决方法
2014/06/03 Javascript
使用AngularJS实现表单向导的方法
2015/06/19 Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件包装
2015/11/20 Javascript
第一章之初识Bootstrap
2016/04/25 Javascript
实例详解jQuery的无new构建
2016/08/02 Javascript
javascript表单正则应用
2017/02/04 Javascript
jQuery实现节点的追加、替换、删除、复制功能示例
2017/07/11 jQuery
nuxt+axios解决前后端分离SSR的示例代码
2017/10/24 Javascript
vue基于mint-ui实现城市选择三级联动
2020/06/30 Javascript
JavaScript中构造函数与原型链之间的关系详解
2019/02/25 Javascript
实现高性能javascript的注意事项
2019/05/27 Javascript
layui 表格操作列按钮动态显示的实现方法
2019/09/06 Javascript
微信小程序自定义联系人弹窗
2020/05/26 Javascript
[55:44]OG vs NAVI 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
python操作mongodb根据_id查询数据的实现方法
2015/05/20 Python
Python实现的根据文件名查找数据文件功能示例
2018/05/02 Python
django解决跨域请求的问题
2018/11/11 Python
详解Python3 对象组合zip()和回退方式*zip
2019/05/15 Python
python自制包并用pip免提交到pypi仅安装到本机【推荐】
2019/06/03 Python
python读csv文件时指定行为表头或无表头的方法
2019/06/26 Python
Python基本语法之运算符功能与用法详解
2019/10/22 Python
品恩科技软件测试面试题
2014/10/26 面试题
物业门卫岗位职责
2013/12/28 职场文书
意向书范文
2014/03/31 职场文书
护理专科毕业自荐信范文
2014/04/21 职场文书
文明单位创建材料
2014/12/24 职场文书
党支部审查意见
2015/06/02 职场文书
青涩记忆观后感
2015/06/18 职场文书
Python PIL按比例裁剪图片
2022/05/11 Python