如何通过Scroll-Event获取可滚动容器的最后一个可见Listitem？

Question

当滚动事件触发时，我想从可滚动的容器中获取最后显示的Listitem（也是嵌套的Listitems）：

在每个ScrollEvent上，都应该通过jQuery选择：

$('#ScrollContainer').scroll(function() {

    // get last visible Listitem in ScrollContainer

});

寻找快速简单的解决方案来获得它。

这是fiddle。

Answer 1

试试这个：

$('#ScrollContainer').scroll(function() {
    var liHeight = $(this).find('li').eq(0).outerHeight();
    var sctrollToBottom =  $(this)[0].scrollTop + $(this).innerHeight()-$(this).find('li').eq(0)[0].offsetTop;
    var lastItemNum = parseInt(sctrollToBottom/liHeight);
    var lastItem = $(this).find('li').eq(lastItemNum);
});

不是最优雅的方法。您可以进行优化。