Обратное направление прокрутки с 180 листами прокрутки

Я создаю ионное / угловое приложение, и я хочу изменить направление прокрутки на входе прокрутки.

Здесь вы можете найти пример моей ситуации:пример jsfiddle

В приведенном выше примере я перевернул список прокрутки на 180 градусов и перевернул div внутри списка прокрутки на 180 градусов. Я сделал это так, чтобы сообщения всегда начинались снизу, без необходимости прокручивать их вниз при загрузке страницы и т. Д. Недостатком является то, что направление прокрутки также переворачивается, и здесь мне нужна ваша помощь.

Я задал похожий вопросВот и кто-то дал мне общий рабочий ответ (его ответ также в моем примере с jsfiddle), но в моем случае я не могу заставить его работать.

Код ниже является рабочим ответом на мой другой вопрос, но не работает в моей ситуации:
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 {};
});

Ответы на вопрос(1)

Ваш ответ на вопрос