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

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

避免这种缓慢的问题。我想更改我的页面执行

为此，首先，在用户向下滚动到特定的非强制部分（div）后，我想加载几个强制部分数据，我想加载该部分的数据

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

有谁能建议我如何识别用户滚动到我的分区。

$（窗口）。滚动（函数（）{
if（$（窗口）.scrollTop（）>=$（文档）.height（）-$（窗口）.height（）-50）{
$scope.yourFunction（）；
}
});

每次滚动当前页面时，都会调用此方法

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();  
        }
    });

---

你已经用angularjs和angularjs标记了这个问题。你在用哪一个？我在用angular js 1.xAre你也在用jQuery吗？Shenoy的答案使用了它，这就是我为什么要问的原因。我没有使用jQuery。我已经否决了这个答案，因为这个问题没有表明jQuery正在使用。

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();  
        }
    });