quasar 滚动区域滚动条始终在最底端显示

需求描述

提示：这里描述具体问题：quasar 应用的是vue3的技术，在使用滚动区域时，始终不能显示在最底端，数据量小的时候可以在最底端显示，当数据量达到一定数据时就不是最底端了。

例如：这个是quasar官方的例子。

  
    <q-scroll-area ref="scrollAreaRef" style="height: 150px; max-width: 300px;">

    scroll () {
        scrollAreaRef.value.setScrollPosition('vertical', position.value)
        //设置显示位置
        position.value = Math.floor(Math.random() * 1001) * 20
      },

---

原因分析：

提示：这里填写问题的分析：由于官方给的例子的算法是随机定位位置，不能始终保持最底端。

例如：setScrollPosition()这个函数就是设置滚动条位置的。

---

解决方案：

提示：这里填写该问题的具体解决方案：在使用setScrollPosition()这个函数时，滚动条的位置应随滚动区域的增加而增大，动态设置函数值。

例如：
下面展示一些 内联代码片。

msgScrollAreaposition.value = (value * 70) + 300
msgScrollAreaRef.value.setScrollPosition('vertical', msgScrollAreaposition.value)

欢迎评论区讨论相关问题和提出更好的建议，这是我更新的动力。
感谢大家！