jquery - 计算屏幕上显示的列表项目并且不溢出

Question

当溢出设置为隐藏时，如何统计屏幕上显示的所有列表项？

使用下面的代码仍然会计算所有项目，甚至是溢出的项目。

   var count = $("#myList ul li:visible").length;

fiddle :

http://jsfiddle.net/kPAwX/2/

Answer 1

var maxh = $("#myList ul").height();
$("#myList ul li").filter(function () {
    return $(this).position().top + $(this).height() < maxh;
});

这将选择所有完全可见的li。如果li被部分切断，它将被过滤。

如果您希望不过滤部分可见的 li，只需删除添加的高度(或以任何您想要的方式创建您自己的截断)。

http://jsfiddle.net/ExplosionPIlls/z6GXA/