vue滚动到指定位置

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

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

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

javascript 复制代码
let itemWidth = boxWidth / 12

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

javascript 复制代码
this.$refs.box.scrollTo( (要滚动的下标 - 1) * itemWidth, 0)
相关推荐
晓得迷路了1 分钟前
栗子前端技术周刊第 84 期 - Vite v7.0 beta、Vitest 3.2、Astro 5.9...
前端·javascript·vite
独立开阀者_FwtCoder4 分钟前
最全301/302重定向指南:从SEO到实战,一篇就够了
前端·javascript·vue.js
Moment13 分钟前
给大家推荐一个超好用的 Marsview 低代码平台 🤩🤩🤩
前端·javascript·github
小满zs17 分钟前
Zustand 第三章(状态简化)
前端·react.js
普宁彭于晏19 分钟前
元素水平垂直居中的方法
前端·css·笔记·css3
恋猫de小郭30 分钟前
为什么跨平台框架可以适配鸿蒙,它们的技术原理是什么?
android·前端·flutter
云浪33 分钟前
元素变形记:CSS 缩放函数全指南
前端·css
明似水1 小时前
用 Melos 解决 Flutter Monorepo 的依赖冲突:一个真实案例
前端·javascript·flutter
独立开阀者_FwtCoder1 小时前
stagewise:让AI与代码编辑器无缝连接
前端·javascript·github
清沫1 小时前
Cursor Rules 开发实践指南
前端·ai编程·cursor