Đếm Danh sách Các mục được hiển thị trên màn hình và không tràn

Question

Làm cách nào để đếm tất cả các mục danh sách được hiển thị trên màn hình khi tràn được đặt thành ẩn?

Sử dụng mã bên dưới vẫn tính tất cả các mục, ngay cả các mục bị tràn.

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; 
}); 

này sẽ chọn tất cả các li s đó là hoàn toàn có thể nhìn thấy. Nếu một số li bị cắt một phần, nó sẽ bị lọc.

Nếu bạn muốn thậm chí có thể nhìn thấy một phần li s để không được lọc, chỉ cần loại bỏ việc bổ sung chiều cao (hoặc tạo riêng cắt theo bất kỳ cách nào bạn muốn).

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