鍍金池/ 問(wèn)答/HTML/ vue實(shí)現(xiàn)聊天界面，消息到達(dá)底部消息內(nèi)容向上滾？

vue實(shí)現(xiàn)聊天界面，消息到達(dá)底部消息內(nèi)容向上滾？

clipboard.png
如上圖，現(xiàn)在消息已經(jīng)到達(dá)底部，但我再次發(fā)送消息時(shí)，消息內(nèi)容向上滾上去或者說(shuō)頂上去，求告解，在此謝過(guò)。

回答
編輯回答
半心人

之前我也做了個(gè)聊天的，說(shuō)下我的解決方式，我在messagbox下面放了一個(gè)空的div，id假設(shè)為bottom每次新消息到達(dá)的時(shí)候，執(zhí)行
document.getElementByID('bottom').scrollIntoView()就可以了

2017年4月17日 04:36
編輯回答
刮刮樂(lè)

你的messageBox.scrollTop = 10000(如果不確認(rèn)列表長(zhǎng)度的話，盡量設(shè)一個(gè)比較大的值）這樣就可以了（messageBox是消息列表）

2017年1月15日 07:04