Estou criando um aplicativo iônico / angular e estou em uma situação em que gostaria de reverter a direção da rolagem na entrada de rolagem.

Aqui você pode encontrar um exemplo da minha situação:exemplo jsfiddle

No exemplo acima, inverti a lista de rolagem 180 graus e inverti os divs dentro da lista de rolagem 180 graus. Fiz isso para que as mensagens estejam sempre começando na parte inferior, sem a necessidade de rolar para baixo no carregamento da página etc. A desvantagem é que também a direção da rolagem é invertida e é aqui que preciso da sua ajuda.

Eu fiz uma pergunta semelhanteaqui e alguém me forneceu uma resposta geral de trabalho (a resposta dele também está no meu exemplo do jsfiddle), mas no meu caso não consigo fazê-lo funcionar.

O código abaixo é uma resposta funcional da minha outra pergunta, mas não está funcionando na minha situação:
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 {};
});