在滚动内滚动不在离子中工作

Question

你好朋友我想在垂直和水平滚动中开发滚动两种方式意味着主滚动是垂直的，里面那个水平块将在那里我的代码如下

page-horizontal {
.inner{
 width: 2000px;
 height: 100%;

 ion-card{
   display: table-cell;
   border: solid 1px #ccc;
  }

}

.outer{
 width: 100%;
 height: 100%;

 ion-card{
   display: inline-block;
   border: solid 1px #ccc;
    }

  }

}

我的html文件

<ion-content>
 <ion-scroll scrollY="true" style="width:100%; height: 100%">
   <div class="outer">
  <ion-card *ngFor="let item of mMainProductBlocks">
    <h2>{{item.name}}</h2>
    <ion-scroll scrollX="true" style="width:100%; height: 200px">
      <div class="inner">
        <ion-card *ngFor="let subitem of item.data">
          <img src='{{subitem.image}}'>
        </ion-card>
      </div>
      </ion-scroll>

    </ion-card>
     </div>

   </ion-scroll>

</ion-content>

当我运行上面的代码时，我得到低于输出参考SS

在上面的截图中，有一个垂直滚动条，标题为＆＃34; Latesst为你，Rebook Footwear ..等等＃34;并且在那个水平但不是水平方向的块里面所以任何想法我怎么能解决这个问题呢？