爱美食的程序员 2022-01-20 13:59 采纳率: 73.3%
浏览 25
已结题

VUE页面 列表可以向上滚动么,我需要怎么去做

VUE页面 列表可以向上滚动么,我需要怎么去做

问题相关代码,请勿粘贴截图
  • 写回答

2条回答 默认 最新

  • 前端互助会 新星创作者: 前端开发技术领域 2022-01-20 15:04
    关注

    肯定可以滚动啊,父元素加一个overflow:auto;就好了啊;
    如果你是想要自动往上滚动的,可以学习一下vue-seamless-scroll;参考一下以下代码

    <vue-seamless-scroll :data="listData" :class-option="classOption" class="warp3">
                        <ul class="item">
                            <li v-for="(item,index) in listData" style="font-size:0.16rem">
                                <span style="width:5rem">{{index+1}}</span>
                                <span style="width:10rem">{{item.code}}</span>
                                <span style="width:10rem">{{item.name}}</span>
                                <span style="width:10rem"><div :class="getClassName(item.state)">{{item.state}}</div></span>
                                <span style="width:10rem">{{item.num}}</span>
                                <span style="width:10rem">{{item.workCode}}</span>
                                <span style="width:10rem">{{item.people}}</span>
                                <span style="width:10rem">{{item.time}}</span>
                            </li>
                        </ul>
                    </vue-seamless-scroll>
    
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 1月28日
  • 已采纳回答 1月20日
  • 创建了问题 1月20日