jquery
height():不margin和border, outerHeight(true):什么都包含
$().offset().top元素离顶部的高度,$().scrollTop()元素离浏览器可视顶部的高度
js:
clientHeight 只包含padding offsetHight 不包含margin
offsetTop示意该元素的左上角(边框外边沿)与已定位的父容器(offsetParent对象)左上角的间隔,猎取元素离顶部的高度:
var offsetTop=function( elem ){
var top = elem.offsetTop;
var parent = elem.offsetParent;
while( parent != null ){
top += parent.offsetTop;
parent = parent.offsetParent;
}
return top;
}
元素离浏览器可视顶部的高度 :getBoundingClientRect().top(其他种种方向)
其他经常使用的高度:浏览器可视高度:document.documentElement.clientHeight 浏览器转动高度:
document.documentElement.scrollTop,浏览器文档的document.body.scrollHeight