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

針對整個HTML頁面


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


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

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

  • height
    使用方式是

    網(wǎng)友評論