vue滚动到指定位置

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

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

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

javascript 复制代码
let itemWidth = boxWidth / 12

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

javascript 复制代码
this.$refs.box.scrollTo( (要滚动的下标 - 1) * itemWidth, 0)
相关推荐
程序员爱钓鱼1 分钟前
Node.js 编程实战:CSV&JSON &Excel 数据处理
前端·后端·node.js
徐同保4 分钟前
n8n+GPT-4o一次解析多张图片
开发语言·前端·javascript
老华带你飞7 分钟前
工会管理|基于springboot 工会管理系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·spring
DanyHope11 分钟前
LeetCode 128. 最长连续序列:O (n) 时间的哈希集合 + 剪枝解法全解析
前端·leetcode·哈希算法·剪枝
GISer_Jing16 分钟前
AI赋能前端:从核心概念到工程实践的全景学习指南
前端·javascript·aigc
|晴 天|17 分钟前
前端事件循环:宏任务与微任务的深度解析
前端
不爱吃糖的程序媛24 分钟前
Flutter-OH OAuth 鸿蒙平台适配详细技术文档
javascript·flutter·harmonyos
用户44455436542626 分钟前
Android开发中的封装思路指导
前端
前端OnTheRun32 分钟前
如何禁用项目中的ESLint配置?
javascript·vue.js·eslint
Felixwb66638 分钟前
Python 爬虫框架设计:类封装与工程化实践
前端