VUE页面 列表可以向上滚动么,我需要怎么去做
肯定可以滚动啊,父元素加一个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>
做列表的话,可以用 Element_UI ,el-table,设置height属性就可以实现列表滚动