Ionic/Angular反向滚动输入

我在离子项目中有一个聊天页面，并且像大多数聊天应用程序一样，我希望在页面底部启动消息列表。Ionic/Angular反向滚动输入

据我所知，在网络世界的谷歌的帮助下，不可能像在本地应用程序中那样在屏幕上以相反顺序生成项目列表。

最常见的解决方法是在页面加载时将页面滚动到底部。我试过这个，在大多数情况下，有性能问题，滚动延迟，列表没有响应几秒钟等，所以不是所需的解决方案。

不，我想出了一种不同的方法，用css翻转了项目列表，以便列表颠倒。我还翻转了列表中的项目，以便它们翻转并且不再颠倒。现在我得到了我想要的结果，我有一个列表项，其中项目1位于底部，无需滚动到底部。

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

只有一个缺点，因为我翻转列表的滚动方向也颠倒了。所以现在我正在寻找一种方法来反转滚动输入方向。

我希望有人能帮助我。

我有一个工作小提琴与我目前的情况下，我需要扭转鼠标滚动输入方向jsfiddle example。

来源

2015-08-29 user1242574

而不是做其他的解决方法，坚持滚动到底部。当您使用离子功能时，请使用$ionicScrollDelegate服务，当您想滚动到底部时，请从您的控制器拨打$ionicScrollDelegate.scrollBottom();。

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

来源

2015-08-29 09:04:22

我已经做了，你有什么建议，但就像我提到这一点，是不是为我工作做的不好的表现，而不是平滑滚动，和滚动到底部后的不良列表响应。所以我认为这不是一个行之有效的解决方法。 – user1242574

Ionic/Angular反向滚动输入

回答

相关问题