当添加更多内容时，离子两面菜单不会自动滚动

Question

有人可以帮助我理解为什么自动滚动内容不起作用吗？ 如果您按下标题上的按钮，则新消息将被添加到主内容中。只要屏幕上显示的行数多于屏幕上的行数，它们就不会自动滚动。

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。