jQuery寻找滚动高度代码，以确定何时将新项目添加到延迟加载可滚动div [附加的jsFiddle]

Question

我有许多使用jQuery模板渲染的项目。 我想一次渲染50个左右，并在用户向下滚动时显示更多。 我正在尝试使用滚动条找到正确的逻辑。 我正在做这样的事情，但是滚动还是有点儿摇晃：

var listItems = this.buildItemList(this.list, regex);    
        var renderItems = this.renderItems;
        renderItems(listItems, wrapper, 50);                    
        wrapper.scroll(function() {
            // This works, but doesn't work quite right. Looks a bit wonky.
            if (wrapper.scrollTop() > .5 * wrapper.children().length * wrapper.children().first().outerHeight())
            {
                renderItems(listItems, wrapper, 30);
            }
        });          

查看我写的这个jsFiddle，这是我需要的一个很好的例子。

http://jsfiddle.net/8rWTg/32/

这对我不起作用。 我希望在列表中大约有80％的项目被添加，但是，根据我的逻辑，它会根据列表中项目的数量以及浏览器之间的不同而发生变化。

Answer 1

那么类似于Imgur的专辑吗？ 如果您查看他们的代码 ，他们会有一个名为_levelReached的函数，该函数可能与您想要的相似。