Question

我有一个带副词的应用程序，会向用户显示。可能有数百个广告面板，我想在向下滚动时将它们部分加载到用户。几乎就像在Facebook的墙上一样。

应用程序是用Angular编写的，由Bootstrap设计。广告面板包含在div中：

<div class="row">
    <div ng-repeat="ad in ads">
        <div class="col-sm-6 col-md-4">
            <div class="panel panel-primary">
                <div class="panel-body fixed-panel">
                    <a href=""><img src="{{ ad.Logo}}"</a>
                    <h4 class="editContent text-center text-primary">{{ ad.Name }}</h4>
                </div>
            </div>
        </div>
    </div>
</div>

我怎样才能实现它？

Answer 1

您可以使用jQuery处理它

$(window).scroll(function() {
    if($(window).scrollTop() + $(window).height() > $(document).height() - 100) {
        // get ads and append(push) them to $scope.ads
    }
 });

AngularJS部分通过向下滚动来加载元素数组

1 个答案: