ionic-framework - 使用 $getByHandle() 加载时 ionic 滚动不会触发

Question

我正在尝试使用 ionic 加载向下滚动到 delegate-handle="start"。当我尝试运行它时，我在控制台中收到此消息。

Delegate for handle "small" could not find a corresponding element with delegate-handle="small"! scrollTop() was not called!

可能的原因:如果您立即调用 scrollTop()，并且带有 delegate-handle="small"的元素是 Controller 的子元素，则您的元素可能尚未编译。在您对 scrollTop() 的调用周围加上 $timeout 并重试。

我的代码看起来像这样，有人可以看到有什么问题吗？

$timeout(function() {
     $ionicScrollDelegate.$getByHandle('start').scrollTop();

}, 10);

如果我使用$ionicScrollDelegate.scrollBottom()，它会滚动到底部，所以它一定是特定功能的问题。

html代码

     <ion-view title="Kalender">
   <ion-content>
    <ion-list ng-repeat="activity in calendar">

       <div class="item item-divider" ng-show="activity.date_divider != null" data-year="{{activity.year}}">
        <div class="header-divider-small">{{activity.year}}</div>
        <div class="header-divider">{{activity.date_divider}}</div>
      </div>

        <div class="item item-icon-right calendar" ng-show="activity.date_divider == null">
            <span class="header">{{activity.name}}</span>
              <br />
              <span class="text">{{activity.time}} - {{activity.place}}</span>
              <a class="button button-icon icon {{activity.icon}} right not-selected"></a>
        </div>


    </ion-list>
    <div delegate-handle="start"></div>
  </ion-content>
</ion-view>

谢谢。

Answer 1

Ionic 1.0.0-beta14 的 getByHandle() 有一些奇怪的问题，所以你可以这样做:

$timeout(function() {
    var startHandle = _.find($ionicScrollDelegate._instances, function (s) {
        return s.$$delegateHandle === "start";
    });
    startHandle.scrollTop();
});

Solution source at forum.ionicframework.com