问无限卷轴在玉器中的运用
EN

Stack Overflow用户

提问于 2015-10-18 03:17:45

回答 3查看 3.9K关注 0票数 19

我在我的仪表板web应用中使用了angularjs infinite scroll。我有一个单一的页面，其中包含多个无限滚动小部件。因为我想为他们每个人都有一个无限的滚动，所以我决定使用this指令，但不知何故它并没有像预期的那样工作。我想无限滚动工作相对于内部内容div滚动条，它使用完美的scrollbar而不是主浏览器窗口。我在谷歌上搜索了一下，发现有多个线程解释了两个新变量，它们可以用来改变默认行为：infinite-scroll-container和infinite-scroll-parent.我两个都试过了，但没有一个对我有效。我认为perfect-scrollbar的使用造成了这个问题。

Jade代码：

          .hor-col(ng-repeat="stream in socialStreams")
                .box-body(style='min-height: 400px;')
                    perfect-scrollbar.timeline-scroller(wheel-propagation="true" wheel-speed="1" min-scrollbar-length="8" suppressScrollX="true" id="streamScroll-{{$index}}")
                        div(infinite-scroll="loadMorePosts(stream['streamId'], stream['endCursor'])", infinite-scroll-disabled="stream['infiniteScrollDisabled']",  infinite-scroll-container="'#streamScroll-{{$index}}'")

由于有多个小部件，我不能对无限滚动容器使用相同的id或类，因此决定生成动态id。

如何在无限滚动容器中注入动态类？

我收到以下错误：