如果我们有一个区域有限的大盒子(黑),而我们要在盒子中装的东西(灰)过多,我们就会用到滚动视图:
表现在代码上就是下面这个样子:
<template><view class="scrollView"><view class="box">box</view><view class="box">box</view><view class="box">box</view><view class="box">box</view><view class="box">box</view><view class="box">box</view></view>
</template>
scroll-view有许多属性,下面介绍一些常用的属性。
一、允许纵向滚动
scroll-y 允许纵向滚动
二、允许横向滚动
scroll-x 允许横向滚动
注意这里的CSS样式设置,需要把scroll-view中的元素排成一排。