javascript - Angular - 使用 ng-style 更改 css

Question

我正在尝试在滚动事件中更改 DIV 的顶部位置 -

在 Controller 中我有-

    angular.element($window).on("scroll", function(e) {
        vm.scrollTop = angular.element($window).scrollTop()+'px';
        console.log(vm.scrollTop);
    }); 

在 html 中 -

<div ng-style="{'top': vm.scrollTop}">
    Hello World
</div>

滚动事件在控制台中打印 scrollTop 值，但“Div”样式永远不会更新。

如果这在语法上不正确，请纠正我。

Answer 1

您需要在设置 vm.scrollTop 后调用 $scope.$apply();，因为事件处理程序在 Angular 感知之外执行。