jquery获取各种高度

最新推荐文章于 2024-03-21 06:08:58 发布

iteye_20313

最新推荐文章于 2024-03-21 06:08:58 发布

阅读量177

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery 文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_20313/article/details/82410585

26 篇文章

订阅专栏

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/window).scrollTop()); / 滚动条滚动后相对于浏览器的高度
alert($(document).scrollLeft()); //获取滚动条到左边的垂直宽度
offset():
获取匹配元素在当前视口的相对偏移。
返回的对象包含两个整形属性：top 和 left。此方法只对可见元素有效。获得 <p> 元素当前的偏移：
```
$(".btn1").click(function(){
  x=$("p").offset();
  $("#span1").text(x.left);
  $("#span2").text(x.top); 
```
});
获取元素跟随滚动条滚动后，相对于浏览器顶部的高度= offset向上（top）偏移量-滚动条滚动后相对于浏览器的高度