uniapp scroll-view 点击左右方向按键自动滚动到设置位置

html 复制代码
    //左按钮
		<image  src="" @click="slideLeft">
		</image>


		<scroll-view class="uni-swiper-tab" scroll-x ref="scrollView"  :scroll-left="scrollLeft">
			
			<view class="scrollx_items" v-for="(img,index) in scrollimg" :key="index" :class="scrollxIndex==index?'':'mengbu'" @click="previewImgClick(index)">

				<image style="z-index:-1;" class="scrollx_items_img" :src="img"   :class="scrollxIndex==index?'jinbian':''"></image>

			</view>
			
		</scroll-view>
		
    //右按钮
		<image  @click="slideRight">
		</image>
		
javascript 复制代码
			slideLeft(event) {
				this.scrollLeft = event.detail.x-100; 
				

			},
			slideRight(event) {
				this.scrollLeft = event.detail.x+ 100; // 获取点击位置的x坐标
		
				// setTimeout(() => {
				// 	this.$refs.scrollView.scrollLeft= this.targetX ; // 根据点击位置计算滚动目标位置
				// }, 300); // 设定滚动动画持续时间(单位ms)
			}
相关推荐
快乐的二进制鸭7 小时前
uniapp实现app的pdf预览
pdf·uni-app
qq_316837758 小时前
uniapp 打包安卓 集成高德地图
uni-app
阿福的工作室9 小时前
uniapp录制语音
uni-app
貂蝉空大11 小时前
uni-app开发app时 使用uni.chooseLocation遇到的问题
uni-app
林同学++11 小时前
uniapp多端适配
uni-app
kidding72311 小时前
uniapp引入uview组件库(可以引用多个组件)
前端·前端框架·uni-app·uview
qq_3168377511 小时前
uniapp 安卓10+ 选择并上传文件
uni-app
合法的咸鱼11 小时前
uniapp 使用unplugin-auto-import 后, vue文件报红问题
前端·vue.js·uni-app
阳%15 小时前
uni-app小程序开发 基础知识2
前端·uni-app
花伤情犹在20 小时前
uView UI 在 UniApp 中的集成与配置
uni-app·view design