您的足迹:首页 > jquery >jquery 获取各种宽高

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/window).scrollTop()); /滚动条滚动后相对于浏览器的高度

alert($(document).scrollLeft()); //获取滚动条到左边的垂直宽度

offset(): 

获取匹配元素在当前视口的相对偏移。  返回的对象包含两个整形属性:top 和 left。此方法只对可见元素有效。 获得 <p> 元素当前的偏移:

$(".btn1").click(function(){
  x=$("p").offset();
  $("#span1").text(x.left);
  $("#span2").text(x.top); 
});
  1. 获取元素跟随滚动条滚动后,相对于浏览器顶部的高度= offset向上(top)偏移量-滚动条滚动后相对于浏览器的高度


本博客所有文章如无特别注明均为原创。作者:fly复制或转载请以超链接形式注明转自 PHPWinner
原文地址《jquery 获取各种宽高

相关推荐

PHPWinner -洛阳市网站制作,偃师市网站制作

联系我