angularjs - Angularjs - 窗口滚动时无法正确使用指令

Question

我在这里遵循了这个答案：Bind class toggle to window scroll event因为我需要ngClass在窗口滚动时使用绑定类，根据上面提到的答案，我应该可以这样做：

app.directive("scroll", function ($window) {
    return function(scope, element, attrs) {
        angular.element($window).bind("scroll", function() {
             if (this.pageYOffset >= 100) {
                 scope.boolChangeClass = true;
                 console.log('Scrolled below header.');
             } else {
                 scope.boolChangeClass = false;
                 console.log('Header is in view.');
             }
            scope.$apply();
        });
    };
});

但是在我的应用程序中使用此代码时，它根本不会触发指令！

这是我的代码： http ://codepen.io/nickimola/pen/dMNawj?editors=1010

我试图添加一个调试器，我注意到这个指令只有在窗口加载时才会被调用，但之后它就不再被调用了。

我在这里做错了什么？

谢谢你的帮助