javascript - 如何触发到达页面中特定div的事件滚动

Question

我有一个包含不同部分的页面。当用户打开此页面时，我一次获取所有数据并将其显示在 UI 中。获取所有部分数据并将其显示在 UI 中需要时间。

为了避免这个缓慢的问题。我想更改我的页面执行方式。

为此，首先我想在用户向下滚动到特定的非强制性部分 (div) 后加载一些强制性部分数据，我想为这些部分加载数据。

为了实现这一点，我面临着在用户滚动时识别 div(非强制性部分)位置的问题。

谁能建议我如何识别到达我的 div 的用户滚动。

Answer 1

angular.element($window).bind("scroll", function() 

每次滚动当前页面时调用此方法。

angular.element(document.querySelector('.testing'));

上面的代码可以获取你想要识别的div。

if(element[0] && (windowElement[0].pageYOffset >= element[0].offsetTop))

条件将验证滚动是否到达您指定的 div。

angular.element($window).bind("scroll", function() {
        var windowElement = angular.element($window);       
        var element = angular.element(document.querySelector('.testing'));
        if(element[0] && (windowElement[0].pageYOffset >= element[0].offsetTop)){
            $scope.yourFunction();  
        }
    });