<template>
<view>
<list class="list" :bounce="false" :render-reverse="true">
<slot></slot>
<!-- #ifdef APP-NVUE -->
<!-- 解决APP端的滚动锚定问题,在最后一个cell 设置 keep-scroll-position 和 render-reverse-position -->
<cell :keep-scroll-position="true" :render-reverse-position="true" ref="uni-im-list-last-item">
<!-- 高度为0的 最后一个元素用于方便滚动到最后一个元素 -->
<text>111</text>
</cell>
<!-- #endif -->
</list>
<list class="list" :bounce="false" :render-reverse="true">
<cell :keep-scroll-position="true" :render-reverse-position="true" >
<text v-for="(item,index) in 10" :key="index">{{index}}</text>
</cell>
</list>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
.list {
height: 500px;
border: 1px #000 solid;
}
</style>
代码是 从im中复制出来的