?

wxml如下：

<scroll-view class='scrollView' scroll-x='true'><view class='cc'><view class='vvv' wx:for='{{20}}'>225</view></view></scroll-view>

wxss如下：

.cc { /* 關鍵 white-space: nowrap; */white-space: nowrap;height: 200rpx;width: 100%;background: orange;}.cc>view { width: 300rpx;height: 200rpx;box-sizing: content-box;font-size: 24rpx;line-height: 200rpx;text-align: center;/* 關鍵 display: inline-block; */display: inline-block;overflow: hidden;background: purple;border: 1rpx solid white;color: white;}

轉自：https://blog.csdn.net/weixin_40344560/article/details/81118769

總結

以上是生活随笔為你收集整理的微信小程序之scroll-view-导航栏左右滑动的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。