我在我的仪表板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。
如何在无限滚动容器中注入动态类?
我收到以下错误:
错误:无法对‘Document’执行'querySelector‘:'#streamScroll-{{$index}}’不是有效的选择器。
附言:我看过下面的帖子,但没有一个能满足我的需求:
https://github.com/sroze/ngInfiniteScroll/issues/57
https://stackoverflow.com/questions/33190595
复制相似问题