最近在做個直播間,有個這樣的需要,就是進入到頁面,<scroll-view>需要滾動到最底部,並且發送消息之后自動的滾動到底部。
開始想着計算里面內容的高度,然后通過設置 scroll-top 的值,達到這個效果。在網上搜一圈,大多也是采取的這種方案。但是感覺這個方案略麻煩。想另尋一條解決方案。
后面看官方文檔有個scroll-into-view的屬性,如下圖:
想着,滾動到底部不就是滾動到最后一條數據嘛~遍歷數據的時候給每條數據添加一個id,設置scroll-into-view的值為最后一條數據的id不就可以了嘛~如下圖:
至於這個id可以利用好索引,它最后一條數據的id就是所有數據的length-1了。我是直接在索引上+1的。如下圖:
頁面進入時滾動到底部:
接收消息的滾動到底部代碼截圖:
productDiscussionList表示會話列表的數據。