[TOC] # scroll-view ***** 可滾動視圖區域。使用豎向滾動時，需要給[scroll-view](https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html)一個固定高度，通過 WXSS 設置 height。組件屬性的長度單位默認為px，[2.4.0](https://developers.weixin.qq.com/miniprogram/dev/framework/compatibility.html)起支持傳入單位(rpx/px)。 <br> ## 水平滾動 **第一步：**給scroll-view添加**scroll-x="{{true}}"**屬性 **第二步：**給scroll-view設計高度, 并給scroll-view添加 **white-space=‘ nowrap ’** 來強制scroll-view內容要在一行（默認內容抵達邊界會換行） **第三步：**指定scroll-view里面的組件的類型為**行內塊級標簽：display: inline-block**（塊級標簽默認會換行） ``` <scroll-view scrollX> <view> </view> </scroll-view> ``` ***** <br> ## 垂直滾動 ***** **第一步：**給scroll-view添加scroll-y="{{true}}"屬性 **第二步：**給scroll-view設計高度 > 注意：使用豎向滾動scroll-y時，需要給`scroll-view`一個固定高度，通過 WXSS 設置 height。 ``` <scroll-view scrollY> <view> </view> </scroll-view> ```