【问题标题】:Ionic: Can't scroll up while using anchorScroll in ionic离子:在离子中使用anchorScroll时无法向上滚动
【发布时间】:2016-02-27 21:04:16
【问题描述】:

我们通过设置$location.hash(id)$anchorScroll() 在离子应用程序中使用scrollTo 功能。滚动到底部工作正常,但是一旦页面使用$anchorScroll$location.hash() 滚动到某个位置,我们就无法向上滚动页面。

codepen 中清楚地看到问题。点击To Bottom按钮并尝试向上滚动。

请提供解决此滚动问题的解决方案。

【问题讨论】:

    标签: angularjs ionic-framework


    【解决方案1】:

    在 "ion-content" div 上添加 overflow-scroll="true"

    <ion-content overflow-scroll="true">
    

    然后在你的控制器中:

    $scope.scrollTo = function(id) {
        $location.hash(id);
        $ionicScrollDelegate.anchorScroll();
    };
    

    可以在此处找到有关 Ionic Framework 中此问题的更多信息: http://forum.ionicframework.com/t/content-stuck-after-anchorscroll/776

    【讨论】:

    • 我遇到了同样的问题,这对我有用!谢谢!
    • 这适用于我的浏览器和 Android,但不适用于 iOS
    • @jcarballo 按照我在 ios 平台上的回答步骤,它也适用于 iOS。
    • 你也救了我!这个答案应该被选为正确的!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-03-15
    • 1970-01-01
    • 2014-06-16
    • 1970-01-01
    • 2017-04-11
    相关资源
    最近更新 更多