离子/角度反向滚动输入

Question

我在 ionic 项目中有一个聊天页面，并且像大多数聊天应用程序一样，我想在页面底部启动消息列表。

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

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

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

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

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

我希望有人可以帮助我。

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

Answer 1

不要做其他解决方法，而是坚持滚动到底部。当您使用 ionic 时，请使用 $ionicScrollDelegate 服务，当您想滚动到底部时，只需从控制器调用 $ionicScrollDelegate.scrollBottom();。

另外，如果你想放动画，而它会在底部使用$ionicScrollDelegate.scrollBottom([true])