微信小程序—— 滾動到最底部


最近在做個直播間,有個這樣的需要,就是進入到頁面,<scroll-view>需要滾動到最底部,並且發送消息之后自動的滾動到底部。

開始想着計算里面內容的高度,然后通過設置 scroll-top 的值,達到這個效果。在網上搜一圈,大多也是采取的這種方案。但是感覺這個方案略麻煩。想另尋一條解決方案。

后面看官方文檔有個scroll-into-view的屬性,如下圖:

想着,滾動到底部不就是滾動到最后一條數據嘛~遍歷數據的時候給每條數據添加一個id,設置scroll-into-view的值為最后一條數據的id不就可以了嘛~如下圖:

 

至於這個id可以利用好索引,它最后一條數據的id就是所有數據的length-1了。我是直接在索引上+1的。如下圖:

 

 頁面進入時滾動到底部:

 

 

接收消息的滾動到底部代碼截圖:

productDiscussionList表示會話列表的數據。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM