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

針對(duì)整個(gè)HTML頁面


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


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

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

  • height
    使用方式是

    網(wǎng)友評(píng)論