将 <ion-view> 拆分为帧

Question

所以目前蓝框内容是<ion-tabs>, 并且绿色和橙色框架未分离并托管在 <ion-view><ion-content> 内； 我怎样才能将它们分成两个不同的框架，以便在其中一个上滚动不会影响另一个？

Answer 1

一个解决方案是，您可以在 <ion-content> 中使用两个 <ion-scroll>，例如：

<ion-view>
  <ion-content>
     <ion-scroll direction="xy" style="width:100%;height:30%;">
       <Map></Map>
     </ion-scroll>
     <ion-scroll direction="y" style="width:100%;height:70%;">
        <ion-list>
            <ion-item>
            </ion-item>
        </ion-list>
     </ion-scroll>
  </ion-content>

</ion-view>

这里需要设置ion-scroll的高度和内容才能正常工作