在大屏项目中，常需实现列表自动滚动功能。为此，我们构建了一个Vue2组件——VueListAutoScrollTSC。其核心原理是通过定时改变容器的scrollTop值来实现滚动效果。组件中的列表内容通过slot功能插入，可直观展示滚动效果。使用方式简单，引入组件后，只需在项目中注册即可。配置选项丰富，满足不同需求。其中`ste...
scrollDirection 滚动的方向 string top ,bottom,left,right isRoller 是否可以使用滚轮滚动 boolean true,false rollerScrollDistance 滚轮滚动的速率 number (isRoller 必须为 true)为正数即可 data 接收异步数据 array 同步任务可不传 注: 当scrollDirection 为top或bottom时,一定要为 vue-auto-scroll 组件设置高度。
基于vue.js的无缝自动滚动的插件,可添加无限数据而不卡顿. Latest version: 1.2.1, last published: 5 years ago. Start using vue-infinite-auto-scroll in your project by running `npm i vue-infinite-auto-scroll`. There are no other projects in the npm registry
vue-infinite-auto-scroll 是一个基于 Vue.js 的插件,实现了无缝自动滚动功能,能够轻松地添加无限数据而不会出现卡顿现象。通过这个插件,用户可以实现页面内容的自动滚动,无需手动操作,极大地提升了用户体验。该插件提供了丰富的配置选项,可以根据需求定制滚动速度、方向等参数,同时支持懒加载和无限数据加载,帮助开发者...
* 方式一:在滚动节点上使用默认配置 v-auto-scroll * 方式二:完整配置 v-auto-scroll = { targetSelector: '.el-table__body-wrapper', // 当前指令挂载节点内部的滚动盒子,使用 el.querySelector(targetSelector) 查找,节点不存在则使用 el 节点 ...
最近做了一个vue项目,在其中做了一个冻结首行首列的表格,而在数据滚动区域在IOS浏览器上滑动不了,有的机型则是滑动不流畅很卡顿。外层用一个大的div将所有需要滚动的内容框起来。宽高皆为100%,overflow:scroll。首行作为一块数据区域,属性为absolute,首列作为一快数据区域属性也为absolute,中间数据区域absolute,overfl...
判断激活tab是否在可视区内,不在则滚动至激活tab 📝 更新日志 fix(Tabs): 修复无法自动滚动到激活选项的问题 本条PR 不需要纳入 Changelog ☑️ 请求合并前的自查清单 ⚠️ 请自检并全部勾选全部选项。⚠️ 文档已补充或无须补充 代码演示已提供或无须提供 TypeScript 定义已补充或无须补充 Change...
scrollDirection 滚动的方向 string top ,bottom,left,right isRoller 是否可以使用滚轮滚动 boolean true,false rollerScrollDistance 滚轮滚动的速率 number (isRoller 必须为 true)为正数即可 data 接收异步数据 array 同步任务可不传 注: 当scrollDirection 为top或bottom时,一定要为 vue-auto-scroll 组件设置高度。
基于vue.js的无缝自动滚动的插件,可添加无限数据而不卡顿 内容 浏览器兼容性 功能特性 安装 使用 案例 配置项默认值 个别特殊配置项说明 历史版本 注意 贡献 浏览器兼容性 IE Firefox Chrome Safari iOS Android IE9+✓✓✓✓✓ 功能特性 基于requestAnimationFrame实现 ...