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

Question

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

Возможно ли изменить направление прокрутки?

Это мой код:

<!-- home page --> 
<script type="text/ng-template" id=“home.html"> 
    <ion-view ng-controller=“HomeController" title=“Home page"> 
     <ion-content> 
      <ion-list> 
       <ion-item ng-repeat="message in messages track by $index"> 
        {{message}} 
       </ion-item> 
      <ion-list> 
     </ion-content> 
    </ion-view> 
    </script> 

Answer 1

Да, это возможно. Посмотрите на это 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 {}; 
});