主要是理清scrollHeight、clientHeight、offsetHeight、scrollTop、offsetTop,先前一直混淆不清。

針對整個HTML頁面


先只考慮整個頁面的屬性。
測試采用Chrome瀏覽器,測試用的代碼如下:


html:
  body{
    height:2700px;
  }
  div{
    height:2600px;
    width:2400px;
    background: tan;
  }
html:  <div>
  </div>

顯示效果
電腦培訓,計算機培訓,平面設(shè)計培訓,網(wǎng)頁設(shè)計培訓,美工培訓,Web培訓,Web前端開發(fā)培訓
在chrome里面看html與body兩個的屬性測量。
body結(jié)果如下
電腦培訓,計算機培訓,平面設(shè)計培訓,網(wǎng)頁設(shè)計培訓,美工培訓,Web培訓,Web前端開發(fā)培訓
html結(jié)果如下
電腦培訓,計算機培訓,平面設(shè)計培訓,網(wǎng)頁設(shè)計培訓,美工培訓,Web培訓,Web前端開發(fā)培訓