Angularjs 使用180翻转的滚动列表反转滚动方向

我正在构建一个ionic/angular应用程序，我想在滚动输入上反转滚动方向

在这里，jou可以找到我的情况的一个例子：

在上面的示例中，我将滚动列表翻转了180度，并将滚动列表中的div向后翻转了180度。我这样做是为了消息总是从底部开始，而不需要在页面加载时向下滚动。 缺点是滚动方向也被翻转，这就是我需要你帮助的地方

我问了一个类似的问题，有人给了我一个通用的工作答案（他的答案也在我的JSFIDLE示例中），但在我的例子中，我无法让它工作

下面的代码是我另一个问题的有效答案，但在我的情况下不起作用：
HTML:

以下是最新的

我没有使用CSS来反转列表，而是使用了自定义过滤器：

app.filter('reverse', function() {
  return function(items) {
    return items.slice().reverse();
  };
});

并将其应用于ng重复列表

ng-repeat="item in main.items | reverse"

列表只是直观地颠倒过来，而不是div。Thx，您不必破解卷轴，这里有一个更新的

我没有使用CSS来反转列表，而是使用了自定义过滤器：

app.filter('reverse', function() {
  return function(items) {
    return items.slice().reverse();
  };
});

并将其应用于ng重复列表

ng-repeat="item in main.items | reverse"

---

列表只是直观地颠倒过来，而不是div。谢谢，你不必破解卷轴

不幸的是，你的awsner不是我要找的。当您加载更新的小提琴时，消息199位于顶部。我希望消息0在底部可见。只需在加载时将页面滚动到底部即可？是的，我以前有过此功能，但由于滚动性能问题（加载不流畅且加载时间过长），它无法正常工作。不幸的是，您的awsner不是我要找的。当您加载更新的小提琴时，消息199位于顶部。我希望消息0在底部可见。只需在加载时将页面滚动到底部即可？是的，我以前有过此功能，但由于滚动性能问题（加载不流畅且加载时间过长），它无法正常工作。不幸的是，您的awsner不是我要找的。当您加载更新的小提琴时，消息199位于顶部。我希望消息0在底部可见。只需在加载时将页面滚动到底部即可？是的，我以前有过此功能，但由于滚动性能问题，它无法正常工作（加载时间不流畅且过长）