Question

我使用angularjs在我的网络应用程序中实现无限滚动。我在net Infinite Scroll上找到了这个有用的指令，但问题是这只能在div中实现而不是在滚动条体中：

app.directive('infinityscroll', function () {
    return {
        restrict: 'A',
        link: function (scope, element, attrs) {
            element.bind('scroll', function () {
                if ((element[0].scrollTop + element[0].offsetHeight) == element[0].scrollHeight) {
                    //scroll reach to end
                    scope.$apply(attrs.infinityscroll)
                }
            });
        }
    }
});

这是我的HTML代码：

<div infinityscroll="NextPage()" style="height:700px; overflow:auto;" >
  <div ng-repeat="item  in listItems">
       <img ng-src="{{item.picture}}" alt="broken" style="">
  </div>
</div>

当我删除内联css时它不会工作。那么如何更改body中的无限滚动而不是div？

Answer 1

试试这个： <body infinityscroll="NextPage()" style="height: 1000px; overflow:auto;"> 并从div中删除infinitescroll初始化。

您可能需要根据屏幕尺寸稍微调整一下高度。希望这能解决你的问题...... :)

角度无限滚动：身体上的滚动条不在div上

1 个答案: