jQuer中 height scrollTop
2024-09-24 09:39:12
jQuery(window).height()代表了当前可见区域的大小,而jQuery(document).height()则代表了整个文档的高度,可视具体情况使用.
注意当浏览器窗口大小改变时(如最大化或拉大窗口后) jQuery(window).height() 随之改变,但是jQuery(document).height()是不变的。
$(document).scrollTop() //获取垂直滚动的距离 即当前滚动的地方的窗口顶端到整个页面顶端的距离
$(document).scrollLeft() //这是获取水平滚动条的距离
要获取顶端 只需要获取到scrollTop()==0的时候 就是顶端了 要获取底端 只要获取scrollTop()>=$(document).height()-$(window).height() 就可以知道已经滚动到底端了
$(document).height() //是获取整个页面的高度
$(window).height() //是获取当前 也就是你浏览器所能看到的页面的那部分的高度 这个大小在你缩放浏览器窗口大小时 会改变 与document是不一样的 根据英文应该也能理解吧
自己做个实验就知道了
$(document).scroll(function(){
$("#lb").text($(document).scrollTop());
})
<span id="lb" style="top:100px;left:100px;position:fixed;"></span><!--一个固定的span标记 滚动时方便查看-->
最新文章
- ::before/:before和::after/:after的使用
- Spring学习笔记—Spring之旅
- HDU1294 Rooted Trees Problem(整数划分 组合数学 DP)
- codeforces 725D . Contest Balloons(贪心+优先队列)
- 类型“GridView”的控件“GridView1”必须放在具有 runat=server 的窗体标记内。
- poj -2010 Moo University - Financial Aid (优先队列)
- PHP扩展编写示例
- iOS-iPhone系统版本号-iPhone App版本号
- 第1章 网络编程基础(4)——TCP/IP通信
- Day05_JAVAEE系列:XML
- 前端必备技能之Photosh切图
- hive中No space left on device问题或者Java HotSpot(TM)64-Bit Server VM warning:Insufficient space for shared memory
- [ExtJS5学习笔记]第十一节 Extjs5MVVM模式下系统登录实例
- linux----------fedora 27 如何启用输入法
- v$lockv和$locked_object的区别
- jquery实现点击复制到剪切板
- protected
- 用STS和Maven的方式创建一个JavaWeb项目
- Shell脚本实现检测某ip网络畅通情况,实战用例
- pymongo学习第1篇——增删改查
热门文章
- Codeforces Round #340 (Div. 2) E. XOR and Favorite Number 莫队算法
- Codeforces Round #181 (Div. 2) B. Coach 带权并查集
- HDU 5601 N*M bulbs 找规律
- [AngularJS] Best Practise - Controller
- 不相交集(The Disjoint Set ADT)
- 直接对寄存器操作,实现usart的串口输出寄存器的配置
- ajax重写,js方法重新
- 给学习IT、编程者的看
- HttpSolrServer-采用静态工厂方法,创建HttpSolrServer单实例
- ProgressBar的Indeterminate属性