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


余木
547 声望25 粉丝

不是井里没有水,而是挖的不够深,不是成功来的慢,而是放弃速度快。得到一件东西需要智慧,放弃一样东西则需要勇气!