如何使用scroll-view组件完成视图垂直滚动1

微信小程序，简称小程序，英文名Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。小程序是一种不用下载就能使用的应用，也是一项门槛非常高的创新，经过将近两年的发展，已经构造了新的小程序开发环境和开发者生态。

在之前的文章中我相信大家对scroll-view有一定的了解，教你：微信小程序如何实现scroll-view隐藏滚动条也示范了一些隐藏滚动条的方法。今天我要给大家介绍的是如何使用scroll-view组件实现视图垂直滚动。首先，效果展示如下图：

如何使用scroll-view组件实现视图垂直滚动

其次，部分代码演示如下：

<view>
    <scroll-view style="height:60px; color:black; background-color: lightblue;" scroll-y="true">
        <view>微信小程序开发社区</view>
        <view>作者：51小程序</view>
        <view>HTML51.COM</view>
    </scroll-view>
</view>

更多如何使用scroll-view组件实现视图垂直滚动相关文章请关注PHP中文网！