當添加更多內容時，離子兩面菜單不會自動滾動

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。