淮安企业网站谷歌浏览器中文手机版

如果我们有一个区域有限的大盒子（黑），而我们要在盒子中装的东西（灰）过多，我们就会用到滚动视图：

表现在代码上就是下面这个样子：

<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中的元素排成一排。