Winkel- und immer Fenster Scrollposition in der Steuerung

Question

ich einige Probleme, zu verstehen, wie die Scroll-Position des Fensters innerhalb meines Controller zu bekommen, so dass ich um ihn herum Logik bauen.

Von allen Fragen und Antworten, die ich habe scheint die am meisten akzeptierte Antwort zu lesen zu sein, um eine Richtlinie zu schreiben, die die Bildlaufposition berechnet, bleiben diese Richtlinie auf ein Element, und das ist es.

Wenn Sie jedoch etwas entlang der Linien von tun:

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

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

Dieser Ansatz scheint nicht, zu arbeiten, weil die berechnete Position in der Richtlinie nicht von der Steuerung zugegriffen werden. Was wäre die richtige "Winkel" -Methode, um dies zu tun, was immer noch eine etwas kompliziertere Logik erlauben würde, die vom Controller ausgeführt wird?

Answer 1

Nach @RobKohr Kommentar, hier ist eine optimierte Ansatz .on('scroll') und $scope.$apply mit auf Scroll einen Umfang Element zu aktualisieren.

$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

Injizieren Sie die $window Dienst in Ihrem Controller, die sich um den Browser window Objekt einfach ein Wrapper ist, und Sie haben die $window.scrollX und $window.scrollY Eigenschaften.

Wenn Sie Änderungen in Blättern zu reagieren, setzen Sie eine Uhr auf sie:

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