如何在AngularJS中获取offsetHeight、scrollHeight

2024-01-28

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

  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
}

提前致谢。


我会尝试利用$document相反,因为您实际上需要document.body.scrollHeight and document.body.offsetHeight. So

var offsetHeight = $document[0].body.offsetHeight;
var scrollHeight = $document[0].body.scrollHeight;
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在AngularJS中获取offsetHeight、scrollHeight 的相关文章

随机推荐