vue滚动到指定位置

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

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

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

javascript 复制代码
let itemWidth = boxWidth / 12

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

javascript 复制代码
this.$refs.box.scrollTo( (要滚动的下标 - 1) * itemWidth, 0)
相关推荐
老前端的功夫12 小时前
前端水印技术深度解析:从基础实现到防破解方案
开发语言·前端·javascript·前端框架
霍格沃兹测试学院-小舟畅学12 小时前
性能测试入门:使用 Playwright 测量关键 Web 性能指标
开发语言·前端·php
tangbin58308512 小时前
iOS Swift 工具类:数据转换工具 ParseDataTool
前端
潜水豆12 小时前
AI 时代的前端究竟还能积累什么
前端
www_stdio12 小时前
手写 instanceof:深入理解 JavaScript 原型与继承机制
前端·javascript·html
boombb12 小时前
国际化方案:多环境、多语言、动态加载的完整实践
前端
醒了接着睡12 小时前
Vue中的watch
vue.js
狗哥哥12 小时前
我是如何治理一个混乱的 Pinia 状态管理系统的
前端·vue.js·架构
一 乐12 小时前
物业管理|基于SprinBoot+vue的智慧物业管理系统(源码+数据库+文档)
前端·javascript·数据库·vue.js·spring boot
测试人社区—527212 小时前
你的单元测试真的“单元”吗?
前端·人工智能·git·测试工具·单元测试·自动化·log4j