Question

如何在离子V1 App中添加或删除div时设置离子含量高度？

实际上在我的项目中我有一个Accordian，其内容（手风琴内容）将使用ng-if添加或删除。当我将内容滚动到底部并隐藏手风琴内容时，离子含量高度不正确。

请在评论中找到jsfiidle。

点击手风琴2并滚动到底部，然后点击手风琴3

Answer 1

单击第三个组时，第二个组被隐藏，但<ion-content>不知道，所以它保持滚动位置不变。这是$ionicScrollDelegate的用武之地。

将$ionicScrollDelegate添加到您的控制器然后关闭并打开div调用其调整大小的方法

angular.module('ionicApp', ['ionic'])

.controller('HomeCtrl', function($scope, $ionicModal, $ionicScrollDelegate) {
  $scope.data = {
    showGroup: null
  };
  $scope.isGroupShown = function(index) {
    return $scope.data.showGroup == index;
  };
  $scope.toggle = function(index) {
    if ($scope.isGroupShown(index)) {
      $scope.data.showGroup = null;
    } else {
      $scope.data.showGroup = index;
    }
    $ionicScrollDelegate.resize();
  };
})

$ionicScrollDelegate.resize();会告诉离子内容调整滚动区域的大小以适应其中的元素。

希望有所帮助

如何在离子V1 App中添加或删除div时设置离子含量高度？

1 个答案: