html 滚动位置Directiva e贯彻实施 - Se usa una marca para medir la distancia del scroll y realizar una accn。

Posted 2021-05-11

app.directive('scrollPosition', function($window) {
    return {
        scope: {
            scroll: '=scrollPosition'
        },
        link: function(scope, element, attrs) {
            var windowEl = angular.element($window);
            var handler = function() {
                scope.scroll = windowEl.scrollTop();
            };
            windowEl.on('scroll', scope.$apply.bind(scope, handler));
            handler();
        }
    };
});

<span scroll-position="scroll"></span>
<div ng-class="{show: scroll > 400, hide: scroll <= 400}">
  <h2>I'm here</h2>
</div>