$(document).height()、$(document).scrollTop()

本文详细解析了jQuery中与滚动和尺寸相关的函数,包括如何使用$(document).height(), $(window).height(), $(document).scrollTop(), $(document).scrollLeft()等来获取文档高度、窗口高度及滚动位置,同时对比了height, clientHeight和offsetHeight的区别。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

(document).height()、$(document).scrollTop():

jQuery(window).height()代表了当前可见区域的大小,而jQuery(document).height()则代表了整个文档的高度,可视具体情况使用.

注意当浏览器窗口大小改变时(如最大化或拉大窗口后) jQuery(window).height() 随之改变jQuery(document).height()是不变的。

$(document).scrollTop() 获取垂直滚动的距离 即当前滚动的地方的窗口顶端到整个页面顶端的距离。

$(document).scrollLeft() 这是获取水平滚动条的距离。

要获取顶端 ,只需要获取到scrollTop()==0的时候 就是顶端了。

要获取底端 ,只要获取scrollTop()>=(document).height()−(window).height() 就可以知道已经滚动到底端了。

height:指元素内容的高度 ,jQuery中的height()方法返回的就是这个高度。 
clientHeight:内容高度 padding高度 ,jQuery中的innerHeight()方法返回的就是这个高度。 
offsetHeight:内容高度 padding高度 边框宽度 ,jQuery中的outerHeight()方法返回的就是这个高度。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值