angularjs - Angularjs - ウィンドウのスクロール時にディレクティブを適切に使用できない

Question

ここでこの回答に従いました：ウィンドウがスクロールするときに使用してクラスをバインドする必要があるため、クラストグルをウィンドウスクロールイベント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

デバッガーを追加しようとしましたが、このディレクティブはウィンドウが読み込まれたときにのみ呼び出されることに気付きましたが、その後は呼び出されなくなりました。

ここで何が間違っていますか？

助けてくれてありがとう