ionic-framework - 可滚动 ionic 内容内的 ionic 水平滚动

Question

我在可滚动 ionic 内容中创建了几个水平滚动列表，如下所示:

HTML

<ion-content>
      <div class="reps" ng-repeat="item in data">
            <div>{{item.title}}</div>
            <div class="images-list">
                <ion-scroll direction="x">
                    <div class="image"
                         ng-repeat="img in item.images">
                        <img ng-src="{{img}}">
                    </div>
                </ion-scroll>
            </div>
      </div>
</ion-content>

SCSS

.images-list{
    max-height: 120px;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    .image{
        display: inline-block;
        height: 120px;
        padding: 0 1px;
        img{
            width: auto;
            height: inherit;
        }
    }
}

这显示得很好，并且每个子列表都水平滚动。

问题是，当我尝试滚动列表( ionic 内容的垂直滚动)时，它只能滚动到子列表的外部，而不能滚动到子列表内容。

有什么帮助我如何实现从屏幕的任何区域滚动吗？

Answer 1

经过一番搜索，我发现这是一个与ionicframework相关的bug。 根据本期对话https://github.com/driftyco/ionic/issues/2501该错误已修复，并将在 ionic 的下一次更新中提供。