小程序開發(fā)中如何實(shí)現(xiàn)Android環(huán)境下的橫向滾動(dòng)

這篇文章將為大家詳細(xì)講解有關(guān)小程序開發(fā)中如何實(shí)現(xiàn)Android環(huán)境下的橫向滾動(dòng)，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

<view class="tab bg">
          <scroll-view class="" scroll-x="true" style="width: 100%;white-space: nowrap; display: flex;overflow-x: auto;">
              <view style="display: inline-block" bindtap="switchIndex" class="tab-list {{index === 1 ?'on':''}}">首頁</view>
              <view wx:for="{{tab}}" wx:key="index" data-id="{{item.id}}" data-index="{{index}}"
                 style="display: inline-block" bindtap="switchTab" class="tab-list {{tabIndex === index?'on':''}}">
                  {{item.nav_name}}
              </view>
          </scroll-view>
      </view>

代碼一貼其實(shí)當(dāng)測試小哥告訴你安卓tab不能滑的時(shí)候，你只需要加一個(gè)overflow-x: auto;

關(guān)于小程序開發(fā)中如何實(shí)現(xiàn)Android環(huán)境下的橫向滾動(dòng)就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。