使用 ion-scroll 时允许页面滚动答案

【问题标题】：Allow page scroll when using ion-scroll使用 ion-scroll 时允许页面滚动
【发布时间】：2015-08-12 10:19:41
【问题描述】：

我正在创建一个应用程序，该应用程序使用 ion-scrolls 来显示使用 ionic 的移动应用程序的数据行。

我的问题是，当我使用 ion-scroll 能够滚动浏览大量数据时，除非滚动不同的元素，否则我会失去页面滚动的能力。

我希望能够水平滚动离子滚动，但也能够垂直滚动页面。

我对现有的代码笔示例进行了混改，但它很好地说明了我的问题。

在示例中，您可以通过单击标题来滚动页面，但在单击离子滚动条时无法滚动页面（占据了大部分页面）。

    <ion-scroll delegate-handle="calendarScroll" direction="x">
        <div class="row">
            <div class="col col-20" ng-repeat="day in payPeriod.days">
                <div class="row">
                    <div class="col">{{day.name}}</div>
                </div>
                <div class="row">
                    <div class="col">{{day.number}}</div>
                </div>
            </div>
        </div>
    </ion-scroll>

【问题讨论】：

标签： ionic-framework ionic

【解决方案1】：

用这个修复它：

出于某种原因，修复它的唯一方法是猴子修补 ionic.bundle.js 中的一行：

ignoreScrollStart: 函数(e) { 返回 //(e.defaultPrevented) || //

发现于：https://github.com/driftyco/ionic/issues/2501

【讨论】：

谢谢詹姆斯拉。这帮助很大。
先生，您救了我的命。