将<ion-view>拆分为框架</ion-view>

Question

所以目前蓝框内容为<ion-tabs>， 并且绿色和橙色框架未被分隔并托管在<ion-view><ion-content>内; 如何将它们分成两个不同的框架，因此滚动它们中的任何一个都不会影响另一个框架？

Answer 1

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

<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>

在这里，您需要设置离子滚动的高度及其内容才能正常工作。