微信小程式scroll-view區域性滾動元件橫向效果實現

王肖肖同志發表於2018-02-23

官方文件橫向滾動沒有效果?

<scroll-view class="scroll-view-con" scroll-x style="width: 100%">
    <view id="green" class="scroll-view-item bc_green">1</view>
    <view id="red"  class="scroll-view-item bc_red">2</view>
    <view id="yellow" class="scroll-view-item bc_yellow">3</view>
    <view id="blue" class="scroll-view-item bc_blue">4</view>
</scroll-view>
複製程式碼

經過測試發現要想實現橫向滾動,還需要兩個條件

  • scroll-view容器設定 white-space: nowrap
  • 專案需要 display: inline-block
    微信小程式scroll-view區域性滾動元件橫向效果實現

相關文章