请问list组件怎么滚动到底部？

分类：uni-app

列表滚动 scroll scroll_view list

scroll-view有scroll-top，list怎么操作？文档说长列表要用list.....

2020-08-10 18:16 负责人:无分享

7 个回复

1***@qq.com

我在做聊天的东西，同问怎么默认滚动到底部

j***@gmail.com

用楼上的方法，父子组件旋转180度

<template>  
<view class="chat-list-box">  
 <list class="chat-list" :show-scrollbar="false">  
  <cell v-for="(item,i) in chatList">  
  </cell>  
 </list>  
</view>  
</template>  
<style>  
    .chat-list-box {  
        position: fixed;  
        left: 20rpx;  
        bottom: 100rpx;  
        width: 500rpx;  
        height: 350rpx;  
        transform: rotate(180deg);  
    }  
    .chat-item{  
        background-color: rgba(0, 0, 0, 0.3);  
        margin-bottom:10rpx;  
        border-radius:24rpx;  
        padding:10rpx;  
        flex-wrap:wrap;  
        flex-direction: row;  
        justify-content: flex-start;  
        transform: rotate(180deg);  
        flex:1;  

    }  
</style>

D***@163.com

有一定的参考作用。目前已实现

2021-07-06 14:39

D***@163.com

已实现，具体可参考：https://www.cnblogs.com/robot666/p/14976945.html

kyoralk

https://uniapp.dcloud.io/nvue-api?id=scrolltoelement
这里有说明啊，其他的按他的来，在</list>前建立一个空cell <cell ref="list_bottom"></cell>，然后加载完数据之后执行
const el = this.$refs.list_bottom
dom.scrollToElement(el, {})

w***@qq.com

这个方法也行，IOS基本没问题，但是安卓，即使给animated:false,也还是会有一闪的快速动画

2023-05-31 17:53
w***@qq.com

dom.scrollToElement(el, {animated:false})

2023-05-31 17:53