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 图片上一张下一张链接效果代码
Mar 12 Javascript
JS批量修改PS中图层名称的方法
Jan 26 Javascript
javascript中数组array及string的方法总结
Nov 28 Javascript
Bootstrap表单Form全面解析
Jun 13 Javascript
微信公众号 客服接口的开发实例详解
Sep 28 Javascript
基于vue.js实现图片轮播效果
Dec 01 Javascript
jQuery插件开发发送短信倒计时功能代码
May 09 jQuery
Webpack之tree-starking 解析
Sep 11 Javascript
javascript移动端 电子书 翻页效果实现代码
Sep 07 Javascript
javascript简单实现深浅拷贝过程详解
Oct 08 Javascript
JS精确判断数据类型代码实例
Dec 18 Javascript
Vue的过滤器你真了解吗
Feb 24 Vue.js
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 cookie的操作实现代码(登录)
2010/12/29 PHP
php提高网站效率的技巧
2015/09/29 PHP
详解PHP中foreach的用法和实例
2016/10/25 PHP
Open and Print a Word Document
2007/06/15 Javascript
javascript中的prototype属性实例分析说明
2010/08/09 Javascript
最新的10款jQuery内容滑块插件分享
2011/09/18 Javascript
jQuery实现倒计时按钮功能代码分享
2014/09/03 Javascript
JavaScript实现Base64编码转换
2016/04/23 Javascript
JavaScript中的原型继承基础学习教程
2016/05/06 Javascript
JavaScript事件学习小结(一)事件流
2016/06/09 Javascript
Cropper.js 实现裁剪图片并上传(PC端)
2017/08/20 Javascript
简单谈谈js的数据类型
2017/09/25 Javascript
详解如何构建一个Angular6的第三方npm包
2018/09/07 Javascript
今天,小程序正式支持 SVG
2019/04/20 Javascript
微信小程序云开发 生成带参小程序码流程
2019/05/18 Javascript
python中的yield使用方法
2014/02/11 Python
python实现中文分词FMM算法实例
2015/07/10 Python
Python实现二叉搜索树BST的方法示例
2019/07/30 Python
python标准库OS模块详解
2020/03/10 Python
Python多线程Threading、子线程与守护线程实例详解
2020/03/24 Python
使用python-cv2实现Harr+Adaboost人脸识别的示例
2020/10/27 Python
python 用Matplotlib作图中有多个Y轴
2020/11/28 Python
CSS3 倾斜的网页图片库实例教程
2009/11/14 HTML / CSS
美国Jeep配件购物网站:Morris 4×4 Center
2019/05/01 全球购物
Magee 1866官网:Donegal粗花呢外套和大衣专家
2019/11/01 全球购物
求职信范文怎么写
2014/01/29 职场文书
创业计划书的写作技巧及要点
2014/01/31 职场文书
歌唱比赛策划方案
2014/06/06 职场文书
施工安全标语
2014/06/07 职场文书
海洋科学专业求职信
2014/08/10 职场文书
三严三实对照检查材料思想汇报
2014/09/28 职场文书
地下停车场租赁协议范本
2014/10/07 职场文书
开工典礼致辞
2015/07/29 职场文书
创业计划书之韩国烧烤店
2019/09/19 职场文书
Python Socket编程详解
2021/04/25 Python
Tensorflow与RNN、双向LSTM等的踩坑记录及解决
2021/05/31 Python