Kątowe i uzyskiwanie pozycji przewijania okna w kontrolerze

Question

Mam pewne problemy ze zrozumieniem, jak uzyskać pozycję przewijania okna w moim kontrolerze, dzięki czemu mogę zbudować wokół niego logikę.

Ze wszystkich pytań i odpowiedzi, które czytałem, najczęściej przyjmowaną odpowiedzią wydaje się napisanie dyrektywy obliczającej pozycję przewijania, przyklejającej tę dyrektywę do elementu i to wszystko.

Jednak, gdy chcesz zrobić coś wzdłuż linii:

if (scrollY > 100){ 
    $scope.showMenu = true; 
} 

if (scrollY > 500) { 
    $scope.showFooter = true; 
} 

Takie podejście nie wydaje się działać, ponieważ obliczona pozycja w dyrektywie nie mogą być dostępne ze sterownika. Jaki byłby odpowiedni "kątowy" sposób robienia tego, co pozwoliłoby na wykonanie nieco bardziej skomplikowanej logiki ze sterownika?

Answer 1

Według @RobKohr komentarzu, oto zoptymalizowane podejście używając .on('scroll') i $scope.$apply zaktualizować element zakres na zwoju.

$document.on('scroll', function() { 
    // do your things like logging the Y-axis 
    console.log($window.scrollY); 

    // or pass this to the scope 
    $scope.$apply(function() { 
     $scope.pixelsScrolled = $window.scrollY; 
    }) 
}); 

Answer 2

wstrzyknąć usługę $window do kontrolera, który jest po prostu otoki wokół obiektu przeglądarka window i masz $window.scrollX i $window.scrollY właściwości.

Jeśli chcesz reagować na zmiany w zwoju, położyć zegarek na nich:

$scope.$watch(function() { 
    return $window.scrollY; 
}, function (scrollY) { 
    /* logic */ 
});