技术栈

vue滚动到指定位置

我还能再卷一点2023-11-15 21:50

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

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

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

javascript 复制代码
let itemWidth = boxWidth / 12

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

javascript 复制代码
this.$refs.box.scrollTo( (要滚动的下标 - 1) * itemWidth, 0)
上一篇:手工架设安装教程:
下一篇:maven
相关推荐
warder
3 分钟前
字典状态管理:基于 Vue3 + Pinia 的工程化实践
vue.js
薛定谔的算法
5 分钟前
JavaScript栈的实现与应用:从基础到实战
前端·javascript·算法
深圳外环高速
9 分钟前
React 受控组件如何模拟用户输入
前端·react.js
土了个豆子的
9 分钟前
03.缓存池
开发语言·前端·缓存·visualstudio·c#
手握风云-
25 分钟前
JavaEE 进阶第四期:开启前端入门之旅(四)
前端
魔云连洲
30 分钟前
React中的合成事件
前端·javascript·react.js
人工智能训练师
1 小时前
在Ubuntu中如何使用PM2来运行一个编译好的Vue项目
linux·运维·服务器·vue.js·ubuntu·容器
六月的可乐
1 小时前
【干货推荐】AI助理前端UI组件-悬浮球组件
前端·人工智能·ui
呼啦啦呼_
1 小时前
Echarts自定义地图显示区域,显示街道学校等区域,对原有区域拆分
前端
热门推荐
012025 年高教社杯全国大学生数学建模竞赛C 题 NIPT 的时点选择与胎儿的异常判定 完整成品思路模型代码分享,全网首发高质量!!!022025年数学建模国赛C题超详细解题思路03UV安装并设置国内源04不再让Windows更新!&Edge游戏助手卸载及关闭自动更新05A股预测还能更准?开源大模型Kronos带你跑通预测+回测全流程062025全国大学生数学建模C题保姆级思路模型(持续更新):NIPT 的时点选择与胎儿的异常判定07KGG转MP3工具|非KGM文件|解密音频08解决 WSL Ubuntu 中 /etc/resolv.conf 自动重置问题092025高教社杯国赛数学建模选题建议+初步分析10教你如何认证 Gemini 教育优惠的二次验证,薅个 1年的 Gemini Pro 会员