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

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

高洛峰
Lepaskan: 2017-03-03 10:30:43
asal
2837 orang telah melayarinya

在之前的文章中我相信大家对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>
Salin selepas log masuk

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


Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan