Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/427.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何通过Scroll事件获取可滚动容器的最后可见Listitem?_Javascript_Jquery - Fatal编程技术网

Javascript 如何通过Scroll事件获取可滚动容器的最后可见Listitem?

Javascript 如何通过Scroll事件获取可滚动容器的最后可见Listitem?,javascript,jquery,Javascript,Jquery,当scroll事件激发时,我想从scrollable容器中获取最后显示的Listitem(也是嵌套的Listitems): 在每个ScrollEvent上,都应该通过jQuery进行选择: $('#ScrollContainer').scroll(function() { // get last visible Listitem in ScrollContainer }); 寻找快速简单的解决方案来获得它 这是答案。试试这个: $('#ScrollContainer').scro

当scroll事件激发时,我想从scrollable容器中获取最后显示的Listitem(也是嵌套的Listitems):

在每个ScrollEvent上,都应该通过jQuery进行选择:

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

    // get last visible Listitem in ScrollContainer

});
寻找快速简单的解决方案来获得它

这是答案。

试试这个:

$('#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);
});
这不是最优雅的方法。您可能能够优化