import react, from 'react'scrolltobottom()
} render()}>
);}}
.content.content-message
scrolltop: 代表在有滾動條時，滾動條向下滾動的距離也就是元素頂部被遮住部分的高度。
react裡面顯示的是虛擬的dom，所以先用ref獲取到當前的dom節點，接下來的思路就是，先判斷有沒有滾動條，也就是裡面div的高度是否超過外面div的高度，如果沒有超過，那就不用管嘛，乙個頁面就顯示完了，當然也就不需要滾動，如果裡面的div高度比較高，外面的div出現滾動條了，則直接把div的scrolltop屬性設定為兩個div的高度差，效果也就是滾動到div的底部了。
**
滾動條定位
首先來乙個例子 this is some text.this is some text.this is some text.this is some text.this is some text.this is some text.this is some text.this is some tex...
滾動條滾動到底部
其實，滾動條是抽象為乙個 點 來對待。在內部div高度高於外部div高度，並且外部div允許出現垂直滾動條時，此時頁面載入後會出現滾動條。理解兩個屬性，scrollheihgt scrolltop，scrollheight為滾動條可以滾動的滾動的距離，即內部div的高度，scrolltop表示滾動條...
vue 內容增加滾動條自動定位至底部
this.nexttick 資料改變之後，dom 並沒有立即發生變化，所以 document.body.scrolltop 還是上一次 dom更新之後的值。vue 實現響應式並不是資料發生變化之後 dom 立即變化，而是按一定的策略進行 dom 的更新。nexttick 是在下次 dom 更新迴圈結...