Javascript Angularjs摘要循环锁定滚动条

各位下午好

我有以下问题我在同一个屏幕上有一个导航选项卡，它引用了html中的四个部分。这些部分根据活动选项卡获得显示块或不显示，并且每个选项卡都有不同的内容，这些内容已经通过ajax加载到后台，直到ai everything工作为止问题是当我在选项卡之间导航时，有不同高度大小的框，显然，Angularjs的消化周期需要识别这种大小调整，页面的滚动被锁定，直到它检测到新的高度，有人知道吗​​如何解决这个问题，我使用的是离子框架

下面是一幅显示内容框的图像，记住一次只能看到一个，当我查看页面时，我注意到锁定发生在

style=“transform:translate3d（0px，0px，0px）比例（1）；

---

几次尝试后，我将此错误放在一边，转到其他功能。在对控制选项卡的指令进行更正时，我注意到，一旦加载新选项卡，我就可以重新计算滚动大小。添加以下行单击功能：

$ionicScrollDelegate.resize(); //Fix box resize bug when trasition between tabs

功能应该是这样的：

  $timeout(function () {
    childElem = angular.element(document.querySelector(".child")).prop('children');
    if(childElem.length){
      for (var i = 0; i < childElem.length; i++) {
        angular.element(childElem[i]).on('click', function (e) {
          var tab = angular.element(e.path ? e.path[0] : e.target).prop('id').replace(/tab/g, "");
          $rootScope.$emit('aba_ativa_feed', tab); // informa a view feed qual a aba ativa
          for (var i = 0; i < tabs.length; i++) {
            if(i == tab - 1) {
              ativos[i] = true;
            } else {
              ativos[i] = false;
              angular.element(document.querySelector("#tab-nav-block-id-".concat(i+1))).addClass('ng-hide');
            }
          }
          angular.element(document.querySelector("#tab-nav-block-id-".concat(tab))).removeClass('ng-hide');
          $ionicScrollDelegate.scrollTo(0, blocksScrollPosition[tab - 1], true);
          scope.active = ativos;
          scope.$apply();
          $ionicScrollDelegate.resize(); //Fix box resize bug when trasition between tabs
        })
      }
    }
  }, 200)

$timeout（函数（）{
childElem=angular.element（document.querySelector（“.child”）.prop（'children'）；
if（儿童长度）{
对于（变量i=0；i

有关更多详细信息，请参见