手风琴离子调整大小和滚动

时间:2015-08-12 14:21:49

标签: angularjs scroll resize ionic accordion

我有一个离子手风琴。要在用户单击以打开我使用的其中一个项目$ionicScrollDelegate.resize();时重置屏幕大小。然而仍然是一个问题,当我点击一个内容很好的项目,然后点击下来的项目内容上升,因为关闭上面的项目,但屏幕不会一起滚动,所以用户没有看到内容他点击的项目。

我需要的是屏幕始终滚动到所点击项目内容的开头。

我用

尝试了这个

$IonicScrollDelegate.$getByHandle('handle_' + group.id).scrollTop();

但我一定做错了,因为它返回一个我们找不到delgate-handle的错误。搜索我发现有些人说使用$timeout,但它也没有解决我的问题。

以下是我用于控制器的代码:

.controller('CatalogoCtrl', function($scope, categories, $ionicScrollDelegate) {
  Scope.categorias Categorias.all $ = ();
  $scope.toggleCategoria = function(group) {
    if ($scope.isGroupShown(group)) {
      $scope.shownGroup = null;
    } else {
      $scope.shownGroup = group;
    }
    $IonicScrollDelegate.$getByHandle('handle_' + group.id).scrollTop();
  };
  $scope.isGroupShown = function(group) {
    return $scope.shownGroup === group;
  };
})

1 个答案:

答案 0 :(得分:0)

看起来你的代码中有一个拼写错误,因为你出现了$ IonicScrollDelegate(以大写字母I开头)和$ ionicScrollDelegate(以小写字母i开头)。

因此,您应该将$ IonicScrollDelegate的所有匹配项更改为$ ionicScrollDelegate。