原生滚动不适用于离子

时间:2015-07-20 13:04:29

标签: scroll ionic-framework ionic

我正在尝试使用这样的原生滚动:

angular.module('MyApp').config(function ($translateProvider,$ionicConfigProvider) {

    $translateProvider.preferredLanguage('en');
    $translateProvider.useStaticFilesLoader({
        prefix: 'languages/',
        suffix: '.json'
    });
    if(!ionic.Platform.isIOS())$ionicConfigProvider.scrolling.jsScrolling(false);
})

我的滚动停止工作的问题非常类似于:code pen

我的模板:

 <div class="list">
        <a ng-repeat="item in items" class="item card"
           href="#/tab/details/{{item.queId}}">
                <div class="row">....

感谢您的帮助!

在查看之后,看起来问题只发生在chrome ....

2 个答案:

答案 0 :(得分:0)

你的codepen在没有这一行的情况下滚动得很好:

if(!ionic.Platform.isIOS())$ionicConfigProvider.scrolling.jsScrolling(false);

为什么要使用此代码禁用非iOS平台中的滚动?

答案 1 :(得分:0)

原生滚动仅适用于Android平台。

您可以在最近的一篇博文here和论坛here中详细了解相关信息。

您正在使用的语法是正确的:

if (!ionic.Platform.isIOS()) {
    $ionicConfigProvider.scrolling.jsScrolling(false);
  }

但你只能在Android设备上测试它。