aktualisieren Sie die Liste mit onscroll Ereignis

Question

Wenn ich bis zum Ende der Seite blättern, möchte ich die Seite laden <li>info</li>.

$window.onscroll = function($event){ 
        if($window.pageYOffset > [the parent element height]){ 
         //TODO 
        } 
        }; 

Also wie kann ich die Elternelementhöhe mit eckigen bekommen? Ich versuche, https://docs.angularjs.org/api/ng/service/ $ window zu besuchen, um die verwandte API zu finden, aber diese Seite listete den Attr des $ windows übrigens nicht auf, wie kann ich alle attrs von $ window in angular erhalten.

Answer 1

Versuchen Sie, diese

$document.on('scroll', function() { 
    // do your things 
    console.log($window.scrollY); 

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

ich beste Art und Weise denken Richtlinien zu verwalten

app = angular.module('myApp', []); 
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(); 
     }); 
    }; 
});