vue滚动到指定位置

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

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

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

javascript 复制代码
let itemWidth = boxWidth / 12

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

javascript 复制代码
this.$refs.box.scrollTo( (要滚动的下标 - 1) * itemWidth, 0)
相关推荐
问心无愧05131 分钟前
ctf show web入门261
android·前端·笔记
月光刺眼2 分钟前
🎶二分 · 双指针 · 滑动窗口 · 螺旋矩阵:数组算法四题拆解
javascript·算法
触底反弹3 分钟前
你真的理解 JavaScript 变量提升(Hoisting)吗?从 V8 引擎编译原理深入剖析
前端·面试
蜡台15 分钟前
Vue2 使用 typescript 教程
前端·vue.js·typescript
光影少年28 分钟前
Redux Toolkit 用法、解决原生Redux 冗余问题
开发语言·前端·javascript·react.js·中间件·前端框架·ecmascript
云水一下35 分钟前
JavaScript 从零基础到精通系列:DOM 操作与事件驱动编程
前端·javascript
零陵上将军_xdr37 分钟前
后端转全栈学习-Day3-JavaScript 基础-1
开发语言·javascript·学习
GISHUB38 分钟前
Express + TypeScript + ESM 后端服务搭建教程
javascript·typescript·express
ZC跨境爬虫1 小时前
跟着 MDN 学CSS day_32:(Web字体深度解析与实践指南)
前端·javascript·css·ui·html