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 (四) jQuery中操作元素的属性与样式
Feb 23 Javascript
window.open的页面如何刷新(父页面)上层页面
Dec 28 Javascript
节点的插入之append()和appendTo()的用法介绍
Jan 13 Javascript
Javascript中this关键字的一些小知识
Mar 15 Javascript
jquery.form.js实现将form提交转为ajax方式提交的方法
Apr 07 Javascript
学习JavaScript鼠标响应事件
Dec 25 Javascript
Angularjs的ng-repeat中去除重复数据的方法
Aug 05 Javascript
js实现首屏延迟加载实现方法 js实现多屏单张图片延迟加载效果
Jul 17 Javascript
详解Vue实战指南之依赖注入(provide/inject)
Nov 13 Javascript
使用Node.js在深度学习中做图片预处理的方法
Sep 18 Javascript
JS自定义滚动条效果
Mar 13 Javascript
解决vue中axios设置超时(超过5分钟)没反应的问题
Sep 04 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.ini实现Mysql导入数据库文件最大限制的修改方法
2007/12/11 PHP
php之对抗Web扫描器的脚本技巧
2008/10/01 PHP
深入php define()函数以及defined()函数的用法详解
2013/06/05 PHP
php实现发送微信模板消息的方法
2015/03/07 PHP
php结合redis高并发下发帖、发微博的实现方法
2016/12/15 PHP
CI框架(CodeIgniter)操作redis的方法详解
2018/01/25 PHP
jQuery中add实现同时选择两个id对象
2010/10/22 Javascript
jquery文字上下滚动的实现方法
2013/03/22 Javascript
js 异步操作回调函数如何控制执行顺序
2013/12/24 Javascript
网站内容禁止复制和粘贴、另存为的js代码
2014/02/26 Javascript
js阻止默认浏览器行为与冒泡行为的实现代码
2016/05/15 Javascript
JS在onclientclick里如何控制onclick的执行
2016/05/30 Javascript
特殊日期提示功能的实现方法
2016/06/16 Javascript
深入理解javascript函数参数与闭包
2016/12/12 Javascript
JavaScript定时器制作弹窗小广告
2017/02/05 Javascript
基于Bootstrap table组件实现多层表头的实例代码
2017/09/07 Javascript
基于vue-cli配置lib-flexible + rem实现移动端自适应
2017/12/26 Javascript
autojs 蚂蚁森林能量自动拾取即给指定好友浇水的实现方法
2020/05/03 Javascript
Sublime Text3 配置 NodeJs 环境的方法
2020/05/20 NodeJs
[49:56]VG vs Optic 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python实现telnet服务器的方法
2015/07/10 Python
通过5个知识点轻松搞定Python的作用域
2016/09/09 Python
python实现分页效果
2017/10/25 Python
python面向对象多线程爬虫爬取搜狐页面的实例代码
2018/05/31 Python
Python Grid使用和布局详解
2018/06/30 Python
Python使用Pandas对csv文件进行数据处理的方法
2019/08/01 Python
Numpy将二维数组添加到空数组的实现
2019/12/05 Python
Python selenium 自动化脚本打包成一个exe文件(推荐)
2020/01/14 Python
Python中logging日志库实例详解
2020/02/19 Python
关于css中margin的值和垂直外边距重叠问题
2020/10/27 HTML / CSS
消防安全管理制度
2014/02/01 职场文书
公司总经理任命书
2014/06/05 职场文书
2014离婚协议书范文两篇
2014/09/15 职场文书
个人专业技术总结
2015/03/05 职场文书
某某幼儿园的教育教学管理调研分析报告
2019/11/29 职场文书
PyTorch 如何自动计算梯度
2021/05/23 Python