Ionic 两侧菜单模式在添加更多内容时不会自动滚动

Question

有人可以帮助我理解为什么内容的自动缩放不起作用吗？如果您按下 header 上的按钮，一条新消息将添加到主要内容中。一旦您获得的行数多于屏幕上显示的行数，它们将不会自动滚动。

plnkr.co/edit/hRCC6PBVkINJhTj75D0u?p=preview

Answer 1

这是所有浏览器的默认行为。

如果您想在添加项目后滚动到页面底部，则必须自己动手。

Ionic 为此类工作提供了 $ionicScrollDelegate。

在控制器中：

 $scope.addMessage = function() {
   $scope.messages.push({
     content: 'bla-bla-bla ' + $scope.messages.length,
     username: 'John Nash'
   });
   $ionicScrollDelegate.scrollBottom(true);
 };

在视图中：

 <button class="button button-icon icon ion-android-people" ng-click="addMessage()"></button>

您可以查看工作示例here。

Ionic 两侧菜单模式在添加更多内容时不会自动滚动

Ionic two side menus pattern no autoscrolling when adding more content

javascript

angularjs

ionic