javascript - AngularJs中的重复StickyHeader

因此，我对AngularJs相对较新，并且尝试复制在互联网上看到的Stick Header Jquery插件，但是由于某些原因，当我尝试在“ Angular”版本中使用它时，它不起作用：

($window).scroll(function() {
                            var sticky = $('.sticky'),
                                scroll = ($window).scrollTop();

                            if (scroll >= 100) sticky.addClass('fixed');
                            else sticky.removeClass('fixed');

最佳答案

有很多方法可以做到这一点。这就是我要怎么做。

HTML：

<div class="sticky">
    The directive will bind to this snippet by the class.
</div>

Javascript：

angular.module("myApp", [])
       .directive("sticky", ["$window", function($window){
           return ({
               link: link,
               restrict: "C"
           });
           function link(scope, element, attrs){
               angular.element($window).bind("scroll", function() {
                   if($window.pageYOffset >= 100){
                      angular.element(element).addClass("fixed");
                   }else{
                      angular.element(element).removeClass("fixed");
                   }
               });
           }
       }]);

关于javascript - AngularJs中的重复StickyHeader，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37703650/