javascript - 我的加载更多功能适用于单击按钮,但不适用于滚动

标签 javascript jquery angularjs

下面的代码适用于按钮的ng-click:

$scope.loadMore = function() {
    var container = $('ul.notification-popup-scroll');                
    $scope.totalDisplayed += 4;
    $scope.notifications = notifications.data.notification;
});

但是,如果我尝试做这样的事情,作用域变量就不起作用。

$('ul.notification-popup-scroll').scroll(function() {
    var container = $('ul.notification-popup-scroll');
    if (container.scrollTop() > 500) {
        $scope.totalDisplayed += 4;
        $scope.notifications = notifications.data.notification;
    }
});

我正在尝试无限滚动,但我只想从已获取的对象加载数据。我并不是每次都进行 http 请求。

最佳答案

已更新

使用angular-inview指令。

我认为这对您来说是最好的解决方案:

<body in-view-container>

   <!-- your items rendered here -->

   <div in-view="$inview && loadMore()"></div>
</body>

关于javascript - 我的加载更多功能适用于单击按钮,但不适用于滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35700130/

相关文章:

javascript - 使用 jquery 在 datepicker 中设置初始值?

javascript - (javascript) 是否可以将不同对象类型的数组拆分为一种对象类型的多个数组

javascript - 显示带有到房间的路线跟踪绘制路径的室内建筑 map

javascript - .append() 到 JS 使用 .on ('click' 创建的元素)

jquery: h1 代表主体 id ="home", h4 代表每个其他主体 id

javascript - 使用 templateUrl 通过 angular 的 ui-router 加载 html 文件

javascript - 从链接修改指令模板内的 ng-show

javascript - 是否可以在 html 文本字段中显示图像?

javascript - 使图像响应高度和宽度

javascript - Mustache 动态设置变量