html - 无法在 ionic 中以 ionic 滚动方向 ='x' 垂直滚动

Question

在页面的旁边我有一些内容，在内容之后，我有一个水平滚动部分，它将水平滚动。在该部分之后，我还有一些其他内容。

问题是，如果我点击并滚动内容，那么我就可以垂直滚动。但是，如果我在水平滚动部分点击并滚动，我将无法垂直滚动。 ion-scroll direction=x 阻止水平滚动。如果水平部分几乎占据了整个屏幕的高度，那么用户将无法在垂直方向滚动，这会阻塞滚动。如果我删除 ion-scroll 并使用自定义 css overflow-x : scroll，那么我可以通过点击水平滚动部分来垂直滚动。但这在浏览器中有效，但在移动设备中无效。

请看代码笔

http://codepen.io/rajeshwarpatlolla/pen/MwQaqB

HTML

<ion-content>
  <h1>heading</h1>
  <h1>heading</h1>
    <ion-scroll id="ionScrollRegion" direction="x">
      <div id="content">
        <div class="item" ng-repeat="item in items">{{item.data}}</div>
      </div>
    </ion-scroll>
  <h1>heading</h1>
  <h1>heading</h1>
</ion-content>

Answer 1

是的@Yasser B，我找到了解决方案。请查看以下链接。

http://codepen.io/rajeshwarpatlolla/pen/xGWBja

HTML

<ion-scroll direction="x" zooming="false" delegate-handle="horizontal" horizontal-scroll-fix="mainScroll">
    //content
</ion-scroll>

如果您有任何疑问，请告诉我。