Reverse Scroll-Richtung mit 180 umgedrehten Scroll-Liste

Ich erstelle eine ionische / eckige App und befinde mich in einer Situation, in der ich die Bildlaufrichtung bei der Bildlaufeingabe umkehren möchte.

Hier finden Sie ein Beispiel für meine Situation:jsfiddle example

Im obigen Beispiel habe ich die Bildlaufliste um 180 Grad gedreht und die Divs in der Bildlaufliste um 180 Grad zurückgedreht. Ich habe das so gemacht, dass die Nachrichten immer ganz unten beginnen, ohne dass Sie beim Laden der Seite nach unten scrollen müssen. Der Nachteil ist, dass auch die Bildlaufrichtung umgekehrt ist und ich hier Ihre Hilfe brauche.

Ich habe eine ähnliche Frage gestelltHie und jemand hat mir eine allgemeine funktionierende Antwort gegeben (seine Antwort ist auch in meinem jsfiddle-Beispiel enthalten), aber in meinem Fall kann ich sie nicht zum Laufen bringen.

Der folgende Code ist eine funktionierende Antwort auf meine andere Frage, funktioniert aber in meiner Situation nicht:
HTML:

<div ng-app="scrollApp">
    <scrollbox> <!-- my directive -->
        Content to be scrolled
    </scrollbox>
</div>

javascript:

var app = angular.module('scrollApp', []);

app.directive('scrollbox', function($window) {

    angular.element($window).bind('mousewheel', function(event) {        

        event.preventDefault(); // cancel the default scroll

        var currentPosition = $window.pageYOffset;
        var delta = event.wheelDelta;                         
        window.scrollTo(0, currentPosition + delta);
    }); 

    return {};
});

Antworten auf die Frage(2)

Ihre Antwort auf die Frage