javascript - AngularJS中如何获取offsetHeight, scrollHeight

Question

我正在创建一个指令，其中我需要三个值-

1. 滚动到顶部
2. 偏移高度

3. 滚动高度

   projectModule.directive('scroller', function ($window) {
   return {
   restrict: 'A',
   link: function (scope, elem, attrs) {
       var rawElement = angular.element($window);
       angular.element($window).bind('scroll', function () {
           var scrollTop = rawElement.scrollTop();
           var offsetHeight = rawElement.offsetHeight;
           var scrollHeight = rawElement.scrollHeight;
           console.log(scrollTop + " ," + offsetHeight + " ," + scrollHeight);
           scope.$apply();
           });
       };
   });
   

我可以直接使用rawElement.scrollTop()函数获取scrollTop，但是如何获取该元素的offsetHeight和scrollHeight呢？

我想应用那个逻辑-

if ((rawElement.scrollTop + rawElement.offsetHeight + 5) >= rawElement.scrollHeight) {
    scope.$apply();    //For infinite scrolling
}

提前致谢。

Answer 1

我会尝试使用 $document 服务，因为您实际上需要 document.body.scrollHeight 和 document.body.offsetHeight。所以

var offsetHeight = $document[0].body.offsetHeight;
var scrollHeight = $document[0].body.scrollHeight;