常用高度

jquery

  1. height():不margin和border, outerHeight(true):什么都包括

  2. $().offset().top元素离顶部的高度,$().scrollTop()元素离浏览器可视顶部的高度

js:

  1. clientHeight 只包括padding offsetHight 不包括margin

  2. 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;
    }
  1. 元素离浏览器可视顶部的高度 :getBoundingClientRect().top(其他各种方向)

  2. 其他常用的高度:浏览器可视高度:document.documentElement.clientHeight 浏览器滚动高度:
    document.documentElement.scrollTop,浏览器文档的document.body.scrollHeight

你可能感兴趣的:(javascript)