a2158155143的博客

原创 vue3实现无限滚动，支持鼠标悬停

思路：使用scrollTop来做垂直滚动效果，设置定时器每隔200毫秒加1，获取每一行的高度来做判断，若scrollTop滚动的值与每行高度相等，就把这一行的数据保存在数组中，然后就完成无限滚动啦。但是这样会无限加数据，对性能不是很好，所以也要增加个判断看是否完成一轮滚动，完成一轮后重新赋值数组，这样就不会无限添加数组了。在大屏项目中需要实现一个列表上下滚动的效果，鼠标放上去要暂停，离开之后要继续滚动。之前有看见过很多类似的插件。但是我安装之后引入始终不对，最后决定自己写一个组件，方便之后复用和更改。