jquery 判断滚动条到达了底部和顶端的方法
更新时间：2014年04月02日 13:39:47 作者：
这篇文章主要介绍了jquery 判断滚动条到达了底部和到达顶端的方法,需要的朋友可以参考下
复制代码 代码如下:
$(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标记 滚动时-->
相关文章
本文和其他的介绍JQuery的方法不同，本文侧重点是介绍一些JQuery的使用原则，以便让JQuery代码更高效的执行。2016-04-04
基于jquery实现图片相关操作（重绘、获取尺寸、调整大小、缩放）
这篇文章主要介绍了基于jquery实现图片相关操作，包括图片重绘、图片获取尺寸、图片调整大小、图片缩放，感兴趣的小伙伴们可以参考一下2015-12-12
textarea的手动换行会产生换行标志，但这个标志存在却看不到，存入数据库中后读出来显示在页面上却不会换行，如何处理呢？2011-02-02
jQuery.position()方法获取不到值的安全替换方法
这篇文章主要介绍了jQuery.position()方法获取不到值的安全替换方法,本文给出了一种变通的方法,用.offset()来换算,需要的朋友可以参考下2015-03-03
这篇文章主要对无限树Jquery插件zTree的常用功能特性总结，ztree的语法结构是基于key-value的形式配置,需要的朋友可以参考下2014-09-09
jquery插件uploadify实现带进度条的文件批量上传
这篇文章主要介绍了jquery插件uploadify实现带进度条的文件批量上传，感兴趣的小伙伴们可以参考一下2015-12-12
jQuery插件HighCharts实现的2D条状图效果示例【附demo源码下载】
这篇文章主要介绍了jQuery插件HighCharts实现的2D条状图效果,结合完整实例形式详细分析了jQuery插件HighCharts绘制2D条状图的操作步骤与相关属性设置技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下2017-03-03
页面上可以动态添加数据,比如table,点击按钮可以动态添加行，下面与大家分享下jQuery如何获取动态生成的元素2014-06-06
XSS指的是跨站脚本攻击,比如人们常说的向$传入字符串或者字符串转换可执行函数等一些安全方面值得注意的细节,下面就为大家整理了jQuery使用中可能被XSS攻击的一些危险环节提醒2016-05-05
这篇文章主要介绍了jQuery+ajax读取json数据并按照价格排序,涉及jQuery基于ajax动态获取json文件数据并进行数据遍历与排序的相关操作技巧,需要的朋友可以参考下2018-03-03
最新评论