技术栈

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
相关推荐
小徐不会敲代码~
4 分钟前
Vue3 学习2
前端·javascript·学习
m0_74004373
5 分钟前
Vue2 语法糖简洁指南
前端·javascript·vue.js
zhougl996
28 分钟前
区分__proto__和prototype
开发语言·javascript·原型模式
CV_J
29 分钟前
淘汰赛对阵图生成demo
vue.js
天天向上1024
37 分钟前
成功阻止chrome浏览器自动填充密码
服务器·前端·chrome
一水鉴天
37 分钟前
整体设计 定稿 之6 完整设计文档讨论及定稿 之1(豆包周助手)
java·前端·数据库
Java.熵减码农
38 分钟前
基于VueCli自定义创建项目
前端·javascript·vue.js
追逐梦想之路_随笔
40 分钟前
Js使用多线程Worker和单线程异步处理数据时间比较
前端·javascript
史上最菜开发
41 分钟前
Ant Design Vue V1.7.8版本,a-input 去空格
javascript·vue.js·anti-design-vue
热门推荐
01GitHub 镜像站点02UV安装并设置国内源03Linux下V2Ray安装配置指南04在VSCode配置Java开发环境的保姆级教程(适配各类AI编程IDE)05【AutoGLM部署】本地私有化部署AI手机Agent06Cursor 又偷偷更新,这个功能太实用:Visual Editor for Cursor Browser07Open-AutoGLM Windows 安装部署教程08安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)09Neo4j(一) - Neo4j安装教程(Windows)10BongoCat - 跨平台键盘猫动画工具