vue滚动到指定位置

一、首先获取需要滚动的外层容器的宽度

javascript 复制代码
let boxWidth = this.$refs.box.offsetWidth

二、计算出容器内单个元素的宽度,以12个为例

javascript 复制代码
let itemWidth = boxWidth / 12

三、计算出容器内单个元素的宽度,以横向滚动,内部12个元素为例

javascript 复制代码
this.$refs.box.scrollTo( (要滚动的下标 - 1) * itemWidth, 0)
相关推荐
桃子叔叔14 小时前
react-wavesurfer录音组件1:从需求到组件一次说清楚
前端·react.js·前端框架
陈随易14 小时前
聊一聊2025年用AI的思考与总结
前端·后端·程序员
@PHARAOH14 小时前
WHAT - React startTransition vs setTimeout vs debounce
前端·react.js·前端框架
研☆香14 小时前
JavaScript 特点介绍
开发语言·javascript·ecmascript
绝美焦栖14 小时前
低版本pdfjs升级
前端·javascript·vue.js
阿里巴巴终端技术14 小时前
二十年,重新出发!第 20 届 D2 技术大会「AI 新」议题全球征集正式开启
前端·react.js·html
卤蛋fg614 小时前
vue 可视化表单设计器 vxe-form-design 创建自定义控件的详细用法(教程一)
vue.js
阿祖zu14 小时前
2025 AI 总结:技术研发的技能升维与职业路径系统重构的思考
前端·后端·ai编程
IT_陈寒14 小时前
Vite 5分钟性能优化实战:从3秒到300ms的冷启动提速技巧(附可复用配置)
前端·人工智能·后端
迦南giser14 小时前
webpack从0到1详解
前端·javascript·css·webpack·node.js