2016-04-07 110 views
1

在我的控制器中,我使用$ firebaseArray和$ ionicScrollDelegate在聊天中顯示消息。當我的$ firebaseArray加載時,我使用滾動委託滾動到底部,它工作正常,沒有問題。

但是,當增加新的孩子,我再次使用滾動委託滾動至底部,即向下滾動,沒有任何問題,但它凍結的滾動,即我不能夠向後滾動頂端

代碼

chat.html

<ion-content delegate-handle="mainScroll"> 
    //chat list 

</ion-content> 

聊天控制器

app.controller('chatCtrl',function($scope,$firebaseArray,$ionicScrollDelegate){ 

var chatRef = new Firebase("my ref"); 


$scope.messages = $firebaseArray(chatRef); 

$scope.messages.$loaded().then(function(){ 
$ionicScrollDelegate.$getByHandle('mainScroll').scrollBottom(true); 
}); 

chatRef.on('child_added', function(childSnapshot, prevChildKey) { 

$ionicScrollDelegate.$getByHandle('mainScroll').scrollBottom(true); 

}); 


}); 

回答

1

我相信你使用android手機來測試吧?如果Android我很確定有使用動畫滾動到底部的錯誤。你是否試圖通過刪除函數中的'true'值來刪除動畫?例如:

$ionicScrollDelegate.$getByHandle('mainScroll').scrollBottom(true); 

$ionicScrollDelegate.$getByHandle('mainScroll').scrollBottom(); 

試試看..希望它可以幫助你。

UPDATE(解決方案):

好吧,我找到了解決方案。它似乎我們需要設置「jsScrolling:真正的」,而不是默認爲「jsScrolling:假」的機器人。

請修改這對「離子-angular.js」

希望它可以幫助別人:)

+0

非常感謝你的回答,但如果我們究竟需要設置「jsScrolling /編輯:假「 –

+0

$ ionicScrollDelegate。$ getByHandle('mainScroll')。scrollBottom();刪除真正爲我工作。 :) –

+0

@SukamalDas,你能接受答案嗎? :) – Safrul