Ionic/Angular反向滾動輸入

Question

我在離子項目中有一個聊天頁面，並且像大多數聊天應用程序一樣，我希望在頁面底部啓動消息列表。

據我所知，在網絡世界的谷歌的幫助下，不可能像在本地應用程序中那樣在屏幕上以相反順序生成項目列表。

最常見的解決方法是在頁面加載時將頁面滾動到底部。我試過這個，在大多數情況下，有性能問題，滾動延遲，列表沒有響應幾秒鐘等，所以不是所需的解決方案。

不，我想出了一種不同的方法，用css翻轉了項目列表，以便列表顛倒。我還翻轉了列表中的項目，以便它們翻轉並且不再顛倒。現在我得到了我想要的結果，我有一個列表項，其中項目1位於底部，無需滾動到底部。

.listUpsideDown { 
    -webkit-transform:rotateX(180deg); 
    transform:rotateX(180deg); 
} 
.messageUpsideDown { 
    -webkit-transform:rotateX(180deg); 
    transform:rotateX(180deg); 
} 

只有一個缺點，因爲我翻轉列表的滾動方向也顛倒了。所以現在我正在尋找一種方法來反轉滾動輸入方向。

我希望有人能幫助我。

我有一個工作小提琴與我目前的情況下，我需要扭轉鼠標滾動輸入方向jsfiddle example。

Answer 1

而不是做其他的解決方法，堅持滾動到底部。當您使用離子功能時，請使用$ionicScrollDelegate服務，當您想滾動到底部時，請從您的控制器撥打$ionicScrollDelegate.scrollBottom();。

另外，如果你想放的動畫，而這是要下使用$ionicScrollDelegate.scrollBottom([true])