jQuery与原生js如何获取文档的高度、可视区域高度以及滚动条距页面顶部的高度

document_write

于 2019-04-27 20:31:25 发布

阅读量729

点赞数

本文链接：https://blog.youkuaiyun.com/document_write/article/details/89606937

版权

本文详细介绍了如何使用JavaScript和jQuery获取网页的各种尺寸信息，包括文档总高度、浏览器可视区域高度及滚动条距页面顶部的高度。这些知识对于网页开发中处理布局和响应式设计至关重要。

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

1.获取文档的高度

$(document).height()     整个文档的高度

document.body.scrollHeight 或者  document.documentElement.scrollHeight     浏览器所有内容高度

2.获取浏览器可视区域高度

$(window).height()   浏览器可视区域高度

document.documentElement.clientHeight  或者 document.body.clientHeight   浏览器可视区域高度，

3.获取滚动条距页面顶部的高度

 $(document).scrollTop()或者 $(window).scrollTop()     浏览器滚动部分高度

document.body.scrollTop  或者 document.documentElement.scrollTop      浏览器滚动部分高度