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

最新推荐文章于 2021-12-16 12:07:39 发布

weixin_33756418

最新推荐文章于 2021-12-16 12:07:39 发布

阅读量77

点赞数

文章标签： javascript ViewUI

本文介绍使用JQuery获取浏览器窗口的可视区域高度、宽度及滚动条位置的方法。通过实例展示了如何利用JQuery API获取$(window).height()、$(document).height()等属性值。

 JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度
alert($(window).height()); //浏览器时下窗口可视区域高度
alert($(document).height()); //浏览器时下窗口文档的高度
alert($(document.body).height());//浏览器时下窗口文档body的高度
alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin
alert($(window).width()); //浏览器时下窗口可视区域宽度
alert($(document).width());//浏览器时下窗口文档对于象宽度
alert($(document.body).width());//浏览器时下窗口文档body的高度
alert($(document.body).outerWidth(true));//浏览器时下窗口文档body的总宽度 包括border padding margin
 
alert($(document).scrollTop()); //获取滚动条到顶部的垂直高度
alert($(document).scrollLeft()); //获取滚动条到左边的垂直宽度