VUE3 无缝滚动,循环滚动列表插件,支持鼠标滚动 npm install @fcli/vue-auto-scroll --save-dev 来安装 在项目中使用 import VueAutoScroll from '@fcli/vue-auto-scroll'; const app=createApp(App) app.use(VueAutoScroll); 示例: <div class="content">
大屏项目经常遇到列表自动滚动的场景,于是撸了个vue2的组件,滚动的原理是定时改变容器的scrollTop值。 列表内容是通过slot插入的,看一下效果。 滚动效果 使用 npm install -save vue-list-auto-scroll-tsc 引入后注册为组件即可使用 属性 step: 类型: String, Number 默认:1 说明:每次滚动的距离 如果是数字,表示...
import scroll from 'vue-infinite-auto-scroll' Vue.use(scroll) // 或者你可以自己设置全局注册的组件名 默认注册的组件名是 vue-infinite-auto-scroll Vue.use(scroll,{componentName: 'vue-infinite-auto-scroll'}) // 2.单个.vue文件局部注册 import vueInfiniteAutoScroll from 'vue-infinite-auto-scroll...
在大屏项目中，常需实现列表自动滚动功能。为此，我们构建了一个Vue2组件——VueListAutoScrollTSC。其核心原理是通过定时改变容器的scrollTop值来实现滚动效果。组件中的列表内容通过slot功能插入，可直观展示滚动效果。使用方式简单，引入组件后，只需在项目中注册即可。配置选项丰富，满足不同需求。其中`ste...
VUE3 无缝滚动,循环滚动列表插件,支持鼠标滚动 npm install @fcli/vue-auto-scroll --save-dev 来安装 在项目中使用 import VueAutoScroll from '@fcli/vue-auto-scroll'; const app=createApp(App) app.use(VueAutoScroll); 示例: <vue-auto-scroll :data="list" :steep="0.5" scrollDirection="top...
A free, fast, and reliable CDN for vue3-auto-scroll. a auth scroll component with vue3, support typescript
vue-auto-scroll-box是Vue2的自动滚动轮播组件。此组件可以帮助开发者实现自动滚动的轮播效果,使得内容在容器内平滑地自动滚动。它提供了一种简单且可定制的方式来创建自动滚动的内容展示,无需繁琐的代码编写。该组件可以根据开发者的需求进行设置,使得滚动效果更符合项目的设计需求。无论是展示图片、文字还是其他内容,...
vue-auto-scroll是一款基于Vue3开发的无缝滚动插件,可以实现循环滚动列表,并支持鼠标滚动。该插件可以帮助开发者快速地实现列表循环滚动的功能,让用户可以方便地查看到列表中所有的内容。 该插件支持水平/垂直滚动,并且可以根据用户设定的时间间隔自动滚动。同时,用户还可以通过鼠标滚轮来滚动列表,这样可以更加方便地操作。
提交Issue,填表就好 内容必填选填?你说了算! 精准反馈,高效沟通 我知道了查看详情 Watch 1Star0Fork2 Mr.Hu/vue-auto-scroll forked from叶落风尘/vue-auto-scroll 统计 搜索 Watchers (1) Mr.Hu 关注 北京奥思研工智能科技有限公司版权所有
TankSeamlessScroll is a Vue 3 scroller component that seamlessly scrolls through a list of items in the y-axis. How to use it: 1. Import the TankSeamlessScroll component. import TankSeamlessScroll from "tank-vue3-seamless-scroll" 2. Add items to the scroller. ...