Odpowiednik "scrollTop" AngularJS?

Question

szukam zaimplementować coś podobnego do tego w angularjs dyrektywy:

https://github.com/geniuscarrier/scrollToTop/blob/master/jquery.scrollToTop.js

To dość proste, gdy nie znajdują się na górze strony, że znikną w przycisk, aby przejść do top:

$(window).scroll(function() { 
       if ($(this).scrollTop() > 100) { 
        $this.fadeIn(); 
       } else { 
        $this.fadeOut(); 
       } 
      }); 

Mam jednak problem ze znalezieniem aktualnej pozycji przewijania w Angular. Wolałbym nie używać jQuery tylko dla tej jednej rzeczy.

Dzięki!

Answer 1

$window.pageYOffset 

Jest to nieruchomość od $ okna serwisowego

Answer 2

Nie wierzę, że jest coś w Angular, aby uzyskać pozycję przewijania. Po prostu użyj zwykłego waniliowego JS.

Możesz pobrać właściwość scrollTop na dowolnym elemencie.

https://developer.mozilla.org/en-US/docs/Web/API/Element.scrollTop

document.body.scrollTop 

Fiddle dla Ciebie: http://jsfiddle.net/cdwgsbq5/

Answer 3

wstrzyknąć okno $ do kontrolera można uzyskać pozycję przewijania przewiń

var windowEl = angular.element($window); 
var handler = function() { 
    console.log(windowEl.scrollTop()) 
} 
windowEl.on('scroll', handler); 

Fiddle

Adaptacja z innego stackoverflow answer

Answer 4

Można użyć

angular.element(document).bind('scroll', function() { 
    if (window.scrollTop() > 100) { 
     $this.fadeIn(); 
    } else { 
     $this.fadeOut(); 
    } 
}); 

Answer 5

można używać jak jak PolyFill tu link

function offset(elm) { 
    try {return elm.offset();} catch(e) {} 
    var rawDom = elm[0]; 
    var _x = 0; 
    var _y = 0; 
    var body = document.documentElement || document.body; 
    var scrollX = window.pageXOffset || body.scrollLeft; 
    var scrollY = window.pageYOffset || body.scrollTop; 
    _x = rawDom.getBoundingClientRect().left + scrollX; 
    _y = rawDom.getBoundingClientRect().top + scrollY; 
    return { left: _x, top: _y }; 
}