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

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

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

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

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

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

http://codepen.io/anon/pen/EjMqBa

    <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

    【讨论】:

    • 谢谢詹姆斯拉。这帮助很大。
    • 先生,您救了我的命。
    猜你喜欢
    • 2015-12-04
    • 2017-02-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-05-09
    • 2021-05-28
    相关资源
    最近更新 更多