大屏项目经常遇到列表自动滚动的场景,于是撸了个vue2的组件,滚动的原理是定时改变容器的scrollTop值。 列表内容是通过slot插入的,看一下效果。 滚动效果 使用 npm install -save vue-list-auto-scroll-tsc 引入后注册为组件即可使用 属性 step: 类型: String, Number 默认:1 说明:每次滚动的距离 如果是数字,表示...
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" ...
npm install vue-infinite-auto-scroll --save 使用 //**main.js** //1.全局 install importVuefrom'vue' importscrollfrom'vue-infinite-auto-scroll' Vue.use(scroll) //或者你可以自己设置全局注册的组件名 默认注册的组件名是 vue-infinite-auto-scroll ...
在大屏项目中，常需实现列表自动滚动功能。为此，我们构建了一个Vue2组件——VueListAutoScrollTSC。其核心原理是通过定时改变容器的scrollTop值来实现滚动效果。组件中的列表内容通过slot功能插入，可直观展示滚动效果。使用方式简单，引入组件后，只需在项目中注册即可。配置选项丰富，满足不同需求。其中`ste...
A free, fast, and reliable CDN for vue3-auto-scroll. a auth scroll component with vue3, support typescript
Mr.Hu/vue-auto-scroll forked from 叶落风尘/vue-auto-scroll 确定同步? 同步操作将从 叶落风尘/vue-auto-scroll 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!! 确定后同步将在后台操作,完成时将刷新页面,请耐心等待。 删除在远程仓库中不存在的分支和标签 同步Wiki (当前仓库的...
In this example, useScroll will be the one from motion-v. To use the one from vueuse, you need to explicitly import it. I use both libraries, and when I want to use useScroll from either one, I simply import it explicitly. ️1 rick-hupclosed this as completedon Jan 18, 2025...
Tencent / tdesign-mobile-vue Public Notifications Fork 163 Star 299 New issue Jump to bottom fix(tabs): tabs auto scroll to active tab #1627 Merged anlyyao merged 1 commit into develop from fix/tabs-scroll-to-active Oct 29, 2024 Conversation 1 Commits 1 Checks 11 Files changed ...
*/Vue.directive('auto-scroll',{inserted:function(el,binding){// console.log(el, binding, vnode);// 获取配置参数let{targetSelector='',delayTime=1000,// 自动滚动开启的延迟时间,单位 msspeed=4.5,// 自动滚动速度,值越小滚动速度越快,最小速度为 1interval=1// 每次自动滚动时移动的距离,单位px...
最近做了一个vue项目,在其中做了一个冻结首行首列的表格,而在数据滚动区域在IOS浏览器上滑动不了,有的机型则是滑动不流畅很卡顿。外层用一个大的div将所有需要滚动的内容框起来。宽高皆为100%,overflow:scroll。首行作为一块数据区域,属性为absolute,首列作为一快数据区域属性也为absolute,中间数据区域absolute,overfl...