Question

我正在创建一个应用程序，它利用离子滚动来显示使用离子的移动应用程序的数据行。

我的问题是，当我使用离子滚动来滚动大量数据时，我会失去页面滚动的能力，除非滚动不同的元素。

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

我已经将现有的代码笔示例混淆了，但它很好地显示了我的问题。

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

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

Answer 1

修正了它：

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

ignoreScrollStart：function（e）{ return //（e.defaultPrevented）|| //＆lt; - 注释掉第一个条件让滚动事件冒出来

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

使用离子滚动时允许页面滚动

1 个答案: