The hole of scroll view in uniapp

1.scroll-view by scroll-x="true" when

（1）scroll-view The child element of , Floating cannot be used float

（2）scroll-view Use outer container display：flex It's invalid

（3） If you want to achieve flex Horizontal effect , Please set the child element to slide to display:inline-block And set its width and height

（4） Add attributes to the outer container  overflow:hidden;white-space:nowrap;

html Code

<scroll-view scroll-x="true" class="limit-act-con">
				<view class="act-img" v-for="(item,index) in list3" :key="index">
					<img :src="item" alt="">
				</view>
			</scroll-view>

style Code

.limit-act-con {
			 overflow:hidden;
			 white-space:nowrap;
			.act-img {
				display: inline-block;
				margin-right: 16rpx;
				dislay:inline-block; 
				img {
					width: 332rpx;
					height: 160rpx;
					border-radius: 20rpx;
				}
			}
		}

2.scroll-view by scroll-y="true" when

Just set the height of the outer container