javascript - jquery html 获取可见元素数据-foo

Question

我有一些问题。

我写了大约有 100 个 div 的 html 代码。

<?php
    for ($i=0;$i<100;$i++)
    {                    
        $post_block = '
        <div id="1_%s" class="simple_wall_post" data-foo="bar_%s">

        </div>';

        $s = sprintf($post_block,$i,$i);
    }
?>

窗口高度 = 10000 像素1 个 div 元素高度 = 100 像素

例如 facebook 自动播放视频，如果视频可见则播放，如果没有则停止。在窗口上可见时，我无法获得当前的 div-foo。我该如何实现？谢谢。

Answer 1

您是否按照此处的建议尝试确定页面的滚动:Check if element is visible after scrolling

像这样:

function isScrolledIntoView(elem)
{
    var docViewTop = $(window).scrollTop();
    var docViewBottom = docViewTop + $(window).height();

    var elemTop = $(elem).offset().top;
    var elemBottom = elemTop + $(elem).height();

    return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop));
}