近日使用vue3-seamless-scroll做了一个无线滚动,遇到一个往上查不到的问题,滚动到一定高度会重新滚动,数据滚动完整都困难,不要说无线滚动了,困扰了很多天,咱们直接告诉解决方法,使用ul标签包裹:
<vue3-seamless-scroll
:list="tableData"
direction="up"
:step="1"
:hover="true"
:limit-scroll-num="1000"
:is-watch="true"
:single-wait-time="100"
:wheel="true"
>
<ul>
<div v-for="(e,i) in tableData" :key="i" class="minTh">
<div class="thBox">{{ e.top }}</div>
<div class="thBox">{{ e.name }}</div>
<div class="thBox">{{ e.dep }}</div>
<div class="thBox">{{ e.jf }}</div>
</div>
</ul>
</vue3-seamless-scroll>
关键点应该是必须要用无序列表才可以监听