WeChatアプレットは水平および垂直スクロールを実現

<スワイパー class="tab-box" current="{{currentTab}}" 期間="300" bindchange="switchTab">
 <スワイパーアイテムクラス="タブコンテンツ">
 <スクロールビュークラス="スクロール高さ" スクロールy="true" スクロールアニメーション="{{true}}">
  <view class="cont">
  <view class="jira-card" wx:for="{{jiraArray}}" wx:for-index="idx​​" wx:for-item="itemJira" wx:key="idx​​">
  <card itemJira="{{itemJira}}" data-item="{{itemJira}}" bindtap="goDetail"></card>
  </ビュー>
  </ビュー>
 </スクロールビュー>

 </スワイパーアイテム>
 <スワイパーアイテムクラス="タブコンテンツ">
 <スクロールビュークラス="スクロール高さ" スクロールy="true" スクロールアニメーション="{{true}}">
  <view class="cont">
  <view class="jira-card" wx:for="{{jiraArray}}" wx:for-index="idx​​" wx:for-item="itemJira" wx:key="idx​​">
  <card itemJira="{{itemJira}}" data-item="{{itemJira}}" bindtap="goDetail"></card>
  </ビュー>
  </ビュー>
 </スクロールビュー>
 </スワイパーアイテム>
 </スワイパー>

<スワイパー class="tab-box" current="{{currentTab}}" 期間="300" bindchange="switchTab">
 <スワイパーアイテムクラス="タブコンテンツ">
 <スクロールビュークラス="スクロール高さ" スクロールy="true" スクロールアニメーション="{{true}}">
  <view class="cont">
  <view class="jira-card" wx:for="{{jiraArray}}" wx:for-index="idx​​" wx:for-item="itemJira" wx:key="idx​​">
  <card itemJira="{{itemJira}}" data-item="{{itemJira}}" bindtap="goDetail"></card>
  </ビュー>
  </ビュー>
 </スクロールビュー>

 </スワイパーアイテム>
 <スワイパーアイテムクラス="タブコンテンツ">
 <スクロールビュークラス="スクロール高さ" スクロールy="true" スクロールアニメーション="{{true}}">
  <view class="cont">
  <view class="jira-card" wx:for="{{jiraArray}}" wx:for-index="idx​​" wx:for-item="itemJira" wx:key="idx​​">
  <card itemJira="{{itemJira}}" data-item="{{itemJira}}" bindtap="goDetail"></card>
  </ビュー>
  </ビュー>
 </スクロールビュー>
 </スワイパーアイテム>
</スワイパー>

.タブボックス{
 高さ: 1040rpx;
}
.スクロール高さ{
高さ: 1040rpx;
}

マイ監査(){
 this.setData({
 現在のタブ:0,
 })
},
マイイニシエート(){
 this.setData({
 現在のタブ:1,
 // jira配列:[]
 })
},
switchTab(イベント){
 var cur = イベントの詳細.current;
 var singleNavWidth = this.data.windowWidth / 5;
 this.setData({
 現在のタブ: cur,
 navScrollLeft: (現在 - 2) * シングルナビゲーション幅
 });
}