कोणीय, फिक्स्ड साइडबार में jQuery टर्निंग काम नहीं कर रहा

Question

मैं एक कोणीय निर्देशक में एक jQuery प्लगइन परिवर्तित कर रहा हूँ, लेकिन अभी भी ठीक से काम नहीं, या (?): सब पर काम नहीं कर रहा।

This is the behavior I want to achieve

Here is a jsfiddle also

याद रखें कि मैं यह सब के साथ हासिल करना चाहते हैं, बाएं साइडबार पर व्यवहार जहां 'चिपचिपा' कहते हैं हर जगह है।

मैं jQuery के साथ किया था (मैं कोणीय करने के लिए नया हूँ) और मैं कोणीय के साथ काम करने में यह की आवश्यकता है। कृपया Plunkr Example पर जाएं और देखें, वह व्यवहार, मैं चाहता हूं। अग्रिम धन्यवाद अगर आप में से कुछ लोग मेरी मदद करने के लिए समय लेते हैं। 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 
      }); 
     }; 
    }); 
}); 

और यहाँ मेरी कोणीय निर्देशक है:

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 
      }); 
      } 
     }); 
     } 
    } 
    }); 

मेरी निर्देश मुद्दा यह है कि एक बार आप स्क्रॉल करते पर अच्छा है, the console.log दिखाता है।

Answer 1

मैं यह पहले से ही काम कर रहे अपने दोस्तों की है। यह निर्देश सही ढंग से काम कर रहा है

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 
      }); 
      }; 
     }); 
     }); 
    } 
    }; 
});