2016-04-07 9 views
1

Denetleyicimde, sohbet içindeki iletileri göstermek için $ firebaseArray ve $ ionicScrollDelegate kullanıyorum. $ firebaseArray yüklendiğinde, aşağı kaydırmak için kaydırma temsilcisini kullanıyorum ve sorun yok, sorun yok.

Ama yeni bir çocuk eklendiğinde, tekrar aşağı herhangi bir sorun olmadan kaydırır ama kaydırma donar, yani ben üst

geri kaydırma mümkün olmadığım, alt kaydırmak için kaydırma temsilci kullanıyorum kod

chat.html

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

</ion-content> 

sohbet kontrolörü

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); 

}); 


}); 

cevap

1

Ben test etmek için android telefon kullanıyorsanız inanıyorum? Eğer android ise eminim ki aşağıdan yukarıya kaydırmak için animasyon kullanarak bir hata var. Animasyonun, fonksiyondaki 'true' değerini silerek kaldırmayı denediniz mi? Ör:

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

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

için O .. Eğer size yardımcı umut deneyin.

GÜNCELLEME (ÇÖZÜM): Ben çözüm buldu

Tamam .. Bu bizim ayarlamanız gerekir görünüyor 'jsScrolling: true' yerine varsayılan olarak 'jsScrolling: false' dir android için.

'iyonik-angularjs'

diğerlerini :)

+0

Cevabınız için çok teşekkür ederim ama tam olarak "jsScrolling ayarlamak gerekiyor nereye yardımcı Umut üzerinde/düzenlemek bu değiştirilmiş edin: false " –

+0

$ ionicScrollDelegate. $ GetByHandle ('mainScroll'). ScrollBottom(); Kaldırma işlemi benim için işe yaradı. :) –

+0

@SukamalDas, lütfen cevabı kabul eder misiniz? :) – Safrul