QUERY 获取浏览器窗口可视区域的高度和宽度及滚动条高度

最新推荐文章于 2024-09-27 21:51:57 发布

转载最新推荐文章于 2024-09-27 21:51:57 发布 · 1.7k 阅读

前端开发专栏收录该内容

57 篇文章

订阅专栏

本文介绍了如何使用jQuery获取浏览器窗口的各种尺寸信息，包括可视区域的高度和宽度、文档的高度和宽度、body元素的高度和宽度及其包含边框和内外边距的总高度和宽度，同时还演示了如何获取滚动条的位置。

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

//浏览器时下窗口可视区域的高度

alert($(window).height());

//浏览器时下窗口文档的高度

alert($(document).height());

//浏览器时下窗口文档
 body 的高度

alert($(document.body).height());

//浏览器时下窗口文档
 body 的总高度,包括边框和内外边距高度

alert($(document.body).outerHeight(true));

//浏览器时下窗口可视区域的宽度

alert($(window).width());

//浏览器时下窗口文档的宽度

alert($(document).width());

//浏览器时下窗口文档
 body 的宽度

alert($(document.body).width());

//浏览器时下窗口文档
 body 的总宽度,包括边框和内外边距宽度

alert($(document.body).outerWidth(true));

//获取滚动条到顶部的垂直高度

alert($(document).scrollTop());

//获取滚动条到左边的垂直宽度

alert($(document).scrollLeft());