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的数据类型、字面量、变量介绍
May 23 Javascript
JS时间特效最常用的三款
Aug 19 Javascript
使用CSS+JavaScript或纯js实现半透明遮罩效果的实例分享
May 09 Javascript
Bootstrap表单控件学习使用
Mar 07 Javascript
HTML中使背景图片自适应浏览器大小实例详解
Apr 06 Javascript
HTML5实现微信拍摄上传照片功能
Apr 21 Javascript
利用jquery如何从json中读取数据追加到html中
Dec 01 jQuery
微信小程序实现滚动消息通知
Feb 02 Javascript
Vue实现侧边菜单栏手风琴效果实例代码
May 31 Javascript
React 组件间的通信示例
Jun 14 Javascript
7个好用的JavaScript技巧分享(译)
May 07 Javascript
layui添加动态菜单与选项卡
Jul 26 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
法国:浪漫之都的咖啡文化
2021/03/03 咖啡文化
PHP5+UTF8多文件上传类
2008/10/17 PHP
php实现用户在线时间统计详解
2011/10/08 PHP
ThinkPHP后台首页index使用frameset时的注意事项分析
2014/08/22 PHP
Smarty3配置及入门语法
2017/02/22 PHP
javascript拓展DOM操作 prependChild insertAfert
2010/11/17 Javascript
javascript数字格式化通用类 accounting.js使用
2012/08/24 Javascript
JavaScript的jQuery库中ready方法的学习教程
2015/08/14 Javascript
精通JavaScript的this关键字
2020/05/28 Javascript
前端常见跨域解决方案(全)
2017/09/19 Javascript
详解react-refetch的使用小例子
2019/02/15 Javascript
利用原生JS实现data方法示例代码
2019/05/28 Javascript
vue.js路由mode配置之去掉url上默认的#方法
2019/11/01 Javascript
vue项目前端微信JSAPI与外部H5支付相关实现过程及常见问题
2020/04/14 Javascript
javascript运行机制之执行顺序理解
2020/08/03 Javascript
Vue打包部署到Nginx时,css样式不生效的解决方式
2020/08/03 Javascript
[01:31]DOTA2上海特级锦标赛 SECRET战队完整宣传片
2016/03/16 DOTA
[44:15]DOTA2上海特级锦标赛主赛事日 - 5 败者组决赛Liquid VS EG第二局
2016/03/06 DOTA
跟老齐学Python之不要红头文件(1)
2014/09/28 Python
python3新特性函数注释Function Annotations用法分析
2016/07/28 Python
使用python3调用wxpy模块监控linux日志并定时发送消息给群组或好友
2019/06/05 Python
Django 对象关系映射(ORM)源码详解
2019/08/06 Python
用Python批量把文件复制到另一个文件夹的实现方法
2019/08/16 Python
使用Python来做一个屏幕录制工具的操作代码
2020/01/18 Python
解决Python pip 自动更新升级失败的问题
2020/02/21 Python
Python第三方库的几种安装方式(小结)
2020/04/03 Python
tensorflow模型的save与restore,及checkpoint中读取变量方式
2020/05/26 Python
matplotlib基础绘图命令之bar的使用方法
2020/08/13 Python
如何利用Python写个坦克大战
2020/11/18 Python
美国知名女性服饰品牌:New York & Company
2017/03/23 全球购物
J2EE系统只能是基于web
2015/09/08 面试题
12岁生日感言
2014/01/21 职场文书
2014领导班子四风剖析对照检查材料思想汇报
2014/09/20 职场文书
食品仓管员岗位职责
2015/04/01 职场文书
2015迎新晚会开场白
2015/05/29 职场文书
bose降噪耳机音能消除人声吗
2022/04/19 数码科技