Przekształcanie jQuery w kątowy, stały pasek boczny nie działa (?)

Question

Przekształcam wtyczkę jQuery w dyrektywę kątową, ale nadal nie działa poprawnie lub: nie działa wcale.

This is the behavior I want to achieve

Here is a jsfiddle also

Pamiętaj, że wszystko, co chcę osiągnąć z tym, jest zachowanie na lewym pasku bocznym, gdzie mówi się „lepkie” wszędzie.

Zrobiłem to z jQuery (jestem nowy w Angular) i potrzebuję go do pracy z Angular. Proszę iść i zobaczyć Plunkr Example, to zachowanie, którego chcę. Z góry dziękuję, jeśli niektórzy z was poświęcą mi czas, aby mi pomóc.

spojrzeć na kod jQuery:

$(function() { 
    var offset = $("#sidebar").offset(); 
    var topPadding = 85; 
    $(window).scroll(function() { 
     if ($(window).scrollTop() > offset.top) { 
      $("#sidebar").stop().animate({ 
       marginTop: $(window).scrollTop() - offset.top + topPadding 
      }); 
     } else { 
      $("#sidebar").stop().animate({ 
       marginTop: 50 
      }); 
     }; 
    }); 
}); 

i tu jest moje kątowa dyrektywa:

angular.module('capilleira.clickAndGambleWebApp.directives', []) 
    .directive('sticky', function ($window) { 
    return { 
     restrict: 'A', 
     controller: ($scope) 
     link: function (scope, element, attrs) { 
     var raw = element[0], 
      offset = element.offset(), 
      topPadding = 85; 

     angular.element($window).bind('scroll', function() { 
      console.log('SCROOOOOOOOOOOOOLLLL'); 
      if ($window.scrollTop > offset.top) { 
      raw.stop().animate({ 
       marginTop: $window.scrollTop() - offset.top + topPadding 
      }); 
      } 
     }); 
     } 
    } 
    }); 

moja dyrektywa jest dobry w momencie, gdy nie przewijania the console.log zjawia.

Answer 1

Mam już działa moich przyjaciół. To jest dyrektywa działająca prawidłowo

angular.module('capilleira.clickAndGambleWebApp.directives', []) 
.directive('sticky', function($document) { 
    return { 
    restrict: 'A', 
    link: function(scope, element, attrs) { 
     angular.element(document).ready(function() { 
     var offset = element.offset(), 
      topPadding = 85; 
     $document.scroll(function() { 
      if ($document.scrollTop() > offset.top) { 
      element.stop().animate({ 
       marginTop: $document.scrollTop() - offset.top + topPadding 
      }); 
      } else { 
      element.stop().animate({ 
       marginTop: 0 
      }); 
      }; 
     }); 
     }); 
    } 
    }; 
});