title: angular scrollstart and scrollstop don't fire in directive, scroll does
body: <p>I have a directive as below:</p>
  
  <pre><code>.directive('scrollPosition', function($window) {
    return {
      scope: {
        scroll: '=scrollPosition'
      },
      link: function(scope, element, attrs) {
        var windowEl = angular.element($window);
  
        var scrollhandler = function() {
          console.log("scrolling")
        }
  
        var starthandler = function() {
          console.log("scrolling start")
        }
  
        var stophandler = function() {
          console.log("scrolling end")
        }
  
        windowEl.on('scroll', scope.$apply.bind(scope, scrollhandler));
        windowEl.on('scrollstart', scope.$apply.bind(scope, starthandler));
        windowEl.on('scrollstop', scope.$apply.bind(scope, stophandler));
      }
    };
  });
  </code></pre>
  
  <p>With HTML:</p>
  
  <pre><code>&lt;div id="imageHolder" style="opacity: {{scroll}}" scroll-position="scroll"&gt;
  </code></pre>
  
  <p>The only event that fires is the 'scroll' event. I need the other two events and not this, as I am working on mobile and scroll events don't fire until the scrolling stops on mobile (see here <a href="http://andyshora.com/mobile-scroll-event-problems.html">http://andyshora.com/mobile-scroll-event-problems.html</a>)</p>
  
  <p>I need to do something custom on start and on end. </p>
  
  <p>Any idea what I'm doing wrong?</p>