Rumah  >  Artikel  >  applet WeChat  >  如何使用scroll-view组件实现视图垂直滚动

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

高洛峰
高洛峰asal
2017-03-03 10:30:432809semak imbas

在之前的文章中我相信大家对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中文网!


Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn