文章来源地址https://www.toymoban.com/news/detail-823654.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>
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）
}
文章来源：https://www.toymoban.com/news/detail-823654.html
到了这里，关于uniapp scroll-view 点击左右方向按键自动滚动到设置位置的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
](https://imgs.yssmx.com/Uploads/2024/01/824148-1.png)
![[uniapp] scroll-view 简单实现 u-tabbar效果](https://imgs.yssmx.com/Uploads/2024/02/673816-1.png)
