首頁  >  文章  >  微信小程式  >  如何使用scroll-view元件實現視圖垂直捲動

如何使用scroll-view元件實現視圖垂直捲動

高洛峰
高洛峰原創
2017-03-03 10:30:432809瀏覽

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


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn