List of Counters Items shown on screen, not overflow

Question

How to count all list items displayed on screen when overflow is set to hidden?

Using the code below, all elements, even those that overflow, are still counted.

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

Violin:

+6

agassi0430 Feb 07 '13 at 2:46

1 answer

Explosion pills · Accepted Answer · 2013-02-07T02:57:34+0000

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

This will select all li that will be fully visible. If a li partially cut off, it will be filtered.

If you want even partially visible li not to be filtered out, just remove the height addition (or create your own slice in any way).