jQuery中获取文档的高度、可视区域高度以及滚动条距页面顶部的高度

时间:2023-12-15 10:50:20

在写页面的时候,经常会碰到这样的情况,就是要获取文档的高度、可视区域高度或者滚动条距页面顶部的高度等情况。

但我总是有些爱搞混淆了,这里还是简单做个笔记吧,这里只限于使用jQuery来获取。

1、获取文档的高度。

使用 $(document).height()   代表了整个文档的高度

2、获取文档可视区域高度。

使用 $(window).height()   代表了当前可见区域的高度

3、获取当前滚动条距离文档顶部的高度,注意是文档顶部高度,不是窗口的高度。

使用 $(document).scrollTop()或者 $(window).scrollTop()。这二者都可以,达到的效果是一样的,然而使用后者的支持情况会更好。