通过 JavaScript 检测 HTML 的可视行

Question

一个示例用例：我有一长串元素需要在可见时进行动画处理。 当新的“可视”行开始时，我需要通过 JavaScript 进行检测。

有没有办法检查元素的位置，并通过一些 px 容差来判断列表中的哪个元素位于新的可视行上？

也许使用类似 scrollTop 位置的东西？

Answer 1

那么这个呢， 您使用一个函数来选择分类为myelements 类的长元素列表中的每个项目 检查他们的可见性属性值 根据该值做某事

像这样的

function checkVisibilty(){
    $('.myelemets').each(function(){
        if($(this).is(':visible')){
            //animate me
        }
    });
}

之后，您可以定期调用该函数 window.setInterval(checkVisibilty, 100);