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轻松实现Ajax的实例代码
Aug 16 Javascript
js如何获取object类型里的键值
Feb 18 Javascript
浅谈js的setInterval事件
Dec 05 Javascript
将页面table内容与样式另存成excel文件的方法
Aug 05 Javascript
使用Bootstrap框架制作查询页面的界面实例代码
May 27 Javascript
Vue.js组件tab实现选项卡切换
Mar 23 Javascript
jquery实现左右轮播图效果
Sep 28 jQuery
vue init webpack myproject构建项目 ip不能访问的解决方法
Mar 20 Javascript
JS+php后台实现文件上传功能详解
Mar 02 Javascript
Vue在chrome44偶现点击子元素事件无法冒泡的解决方法
Dec 15 Javascript
javascript实现画板功能
Apr 12 Javascript
解决vue-router路由拦截造成死循环问题
Aug 05 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
一个从别的网站抓取信息的例子(域名查询)
2006/10/09 PHP
php学习笔记 php中面向对象三大特性之一[封装性]的应用
2011/06/13 PHP
IIS 7.5 asp Session超时时间设置方法
2017/04/17 PHP
kindeditor 加入七牛云上传的实例讲解
2017/11/12 PHP
PHP简单实现解析xml为数组的方法
2018/05/02 PHP
Json2Template.js 基于jquery的插件 绑定JavaScript对象到Html模板中
2011/10/29 Javascript
使用jQuery fancybox插件打造一个实用的数据传输模态弹出窗体
2013/01/15 Javascript
js中typeof的用法汇总
2013/12/12 Javascript
javaScript中两个等于号和三个等于号之间的区别介绍
2014/06/27 Javascript
9款2014最热门jQuery实用特效推荐
2014/12/07 Javascript
javascript解决IE6下hover问题的方法
2015/07/28 Javascript
基于jQuery和CSS3制作数字时钟附源码下载(jquery篇)
2015/11/24 Javascript
Bootstrap每天必学之警告框插件
2016/04/26 Javascript
Javascript基础之数组的使用
2016/05/13 Javascript
Angular.js中定时器循环的3种方法总结
2017/04/27 Javascript
jQuery滑动效果实现方法分析
2018/09/05 jQuery
图文讲解vue的v-if使用方法
2019/02/11 Javascript
JavaScript 实现HTML DOM增删改查操作的常见方法详解
2020/01/04 Javascript
只有 20 行的 JavaScript 模板引擎实例详解
2020/05/11 Javascript
mpvue 项目初始化及实现授权登录的实现方法
2020/07/20 Javascript
Python和Java进行DES加密和解密的实例
2018/01/09 Python
python 处理dataframe中的时间字段方法
2018/04/10 Python
详细介绍Python进度条tqdm的使用
2019/07/31 Python
Matlab使用Plot函数实现数据动态显示方法总结
2021/02/25 Python
Reebonz中国官网:新加坡奢侈品购物网站
2017/03/17 全球购物
法国在线宠物店:zooplus.fr
2018/02/23 全球购物
澳大利亚在线划船、露营和钓鱼商店:BCF Australia
2020/03/22 全球购物
超市促销实习自我鉴定
2013/09/23 职场文书
一月红领巾广播稿
2014/02/11 职场文书
宾馆仓管员岗位职责
2014/07/27 职场文书
职业道德模范事迹材料
2014/08/24 职场文书
2014年班组建设工作总结
2014/12/01 职场文书
接收函格式
2015/01/30 职场文书
2015年教师节演讲稿范文
2015/03/19 职场文书
预防职务犯罪警示教育心得体会
2016/01/15 职场文书
Redis全局ID生成器的实现
2022/06/05 Redis