技术栈

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 分钟前
p5.js 掌握圆锥体 cone
前端·数据可视化·canvas
mazhenxiao
6 分钟前
qiankunjs 微前端框架笔记
前端
无羡仙
13 分钟前
事件流与事件委托:用冒泡机制优化前端性能
前端·javascript
秃头小傻蛋
13 分钟前
Vue 项目中条件加载组件导致 CSS 样式丢失问题解决方案
前端·vue.js
CodeTransfer
13 分钟前
今天给大家搬运的是利用发布-订阅模式对代码进行解耦
前端·javascript
阿邱吖
15 分钟前
form.item接管受控组件
前端
韩劳模
17 分钟前
基于vue-pdf实现PDF多页预览
前端
鹏多多
17 分钟前
js中eval的用法风险与替代方案全面解析
前端·javascript
KGDragon
18 分钟前
还在为 SVG 烦恼?我写了个 CLI 工具,一键打包,性能拉满!(已开源)
前端·svg
LovelyAqaurius
18 分钟前
JavaScript中的ArrayBuffer详解
前端
热门推荐
01UV安装并设置国内源02【2025.08.06最新版】Android Studio下载、安装及配置记录(自动下载sdk)03Qwen3-Coder 快速上手教程 | Qwen Code + Claude Code04KGG转MP3工具|非KGM文件|解密音频052025最新国内服务器可用docker源仓库地址大全(2025年8月更新)06蜘蛛磁力 搜索引擎大全,如何使用蜘蛛磁力查找磁力链接07TRAE 规则(Rules)配置指南:个人习惯、团队规范与最佳实践08NVIDIA显卡驱动、CUDA、cuDNN 和 TensorRT 版本匹配指南09阿里开源首个图像生成基础模型——Qwen-Image本地部署教程,超强中文渲染能力刷新SOTA!10TRAE Rules 实践:为项目配置 6A 工作流