我在https://www.youtube.com/watch?v=zlERo_JMGCw 29:38看Matthew Podwysocki的活动
他解释了他们是如何在netflix上解决滚动问题的。当先前的数据被清理并累积更多数据时,用户滚动获取更多数据(但回滚会再次显示先前的数据)。
我也想做类似的事情,但我抓取了netflix的演示代码:
function getRowUpdates(row) {
var scrolls = Rx.Observable.fromEvent(document, 'scroll');
var rowVisibilities =
scrolls.throttle(50)
.map(function(scrollEvent) {
return row.isVisible(scrollEvent.offset);
})
.distinctUntilChanged();
var rowShows = rowrowVisibilities.filter(function(v) {
return v;
});
var rowHides = rowrowVisibilities.filter(function(v) {
return !v;
});
return rowShows
.flatMap(Rx.Observable.interval(10))
.flatMap(function() {
return row.getRowData().takeUntil(rowHides);
})
.toArray();
}
但我对如何根据此处的滚动条传递新数据或页面数据感到有点困惑。有没有人可以解释一下我是如何做到以下几点的:
发布于 2016-03-29 13:59:57
下面是我将如何在一般的代码行中这样做。如果这似乎让你满意,我将编辑并添加更多细节。
版本2:(有关第一个版本,请参阅编辑更改)
前提:
numberOfLinesToLoadAfter
步骤/事件:
&& heights和maxPageNumber -= 1中删除,但也可以保留它们,以便在一个进程中完成重新加载此页面(因此,加载页面将意味着检查这些变量中是否已存在页面定义)。
https://stackoverflow.com/questions/35531128
复制相似问题