document.documentElement和document.body的区别

body是DOM对象里的body子节点,即 标签;
documentElement 是整个节点树的根节点root,即 标签;
页面具有 DTD,或者说指定了 DOCTYPE 时,使用 document.documentElement。
页面不具有 DTD,或者说没有指定了 DOCTYPE,时,使用 document.

window.onload = function(){
    var suspendNav = document.getElementById('suspendNav');
    window.onscroll = function () {
      suspendNav.style.top = (document.documentElement.scrollTop||document.body.scrollTop)+'px';
      //为了兼容,不管有没有 DTD,可以使用以上代码。
      //这段代码的是网页中获取滚动条卷去部分的高度,比如使div跟着滚。
      //这里实现的是悬浮导航,见《悬浮导航》
    }
  }

你可能感兴趣的:(document.documentElement和document.body的区别)