滚动问题当我移动到另一个选项卡时

Question

我有一个播放列表页面，我可以在其中创建自定义标签。标签工作得很好，但问题是当我向下滚动第一个标签内容然后移动到另一个标签然后滚动位置保持不变时，我无法看到第二个标签的内容。

而且我不想使用离子的默认标签。

这是我实现代码的 plnkr 链接：-

<ion-view view-title="Playlists" class="tabSection">
<div class="tabs-striped tabs-top tabs-background-dark tabs-color-energized">
  <div class="tabs">
  <a class="tab-item" ng-click="articles(false)">
    Home
  </a>
  <a class="tab-item" ng-click="categories(true)">
    Favorites
  </a>
</div>
</div>
  <ion-content>
  <div class="articleSection" ng-hide="showme">
    <ion-list>
      <ion-item ng-repeat="playlist in playlists" href="#/app/playlists/{{playlist.id}}">
        {{playlist.title}}
      </ion-item>
    </ion-list>
 </div>
 <div class="categorySection" ng-show="showme">
     <ion-list>
      <ion-item ng-repeat="playlist in favorites" href="#/app/playlists/{{playlist.id}}">
        {{playlist.title}}
      </ion-item>
    </ion-list>
 </div>
  </ion-content>
</ion-view>

http://plnkr.co/edit/nlUgR8?p=preview

有什么建议吗？

谢谢

Answer 1

您可以使用 $ionicScrollDelegate。

.controller('PlaylistsCtrl', function($scope,$ionicScrollDelegate) {

  $ionicScrollDelegate.scrollTop();

});

这将从顶部显示滚动内容。

希望它对你有用。