javascript - Position().top 不一致，因为 Angular DOM 仍在加载

Question

位置top每次都不一致，如果用户在 dom 仍在加载时向下滚动，位置将会不同。

 angular.module('users').directive('appplyProperty', ['$window', '$timeout',
        function ($window, $timeout) {
            var $win = angular.element($window);
            return {
                restrict: 'A',
                link: function (scope, element, attrs) {
                  var = offsetTop = element.offset().top;

                 $win.on('scroll', function (e) {
                    var checkTheTop = $window.scrollY - offsetTop;
                      if (checkTheTop > 0) {
                         // apply css property top = checkTheTop ;
                        } else {
                        //do something
                 }
                });
             });
          }
}]);

如何确保只有在 DOM 加载后才计算位置，或者在 dom 计算位置现在什么都没有发生的情况下计算位置？

Answer 1

使用 ready 方法确保您的 Angular DOM 已准备就绪。

angular.element(document).ready(function () {
    $win.on('scroll', function (e) {
        var checkTheTop = $window.scrollY - offsetTop;
        if (checkTheTop > 0) {
            // apply css property top = checkTheTop ;
        } else {
            //do something
        }
    });
});