使用jQuery返回垂直列表中的哪个图像当前在视口中？

Question

我有一个用户滚动查看的垂直图像列表。如何让jQuery告诉我哪个图像在视口中？谢谢

Answer 1

这是一个小提琴，可以让你接近你想要的。 http://jsfiddle.net/Y6pjG/

如果图像距离顶部超过30像素，它只是改变边框。 要获得你想要的东西，只需将if语句改为从底部检查位置。

$(document).ready(function() {
    // check on page load
    doCheck();
    // check on scroll
    $(window).scroll(function(){
        doCheck();
    });

});

function doCheck(){
    $('#list li').each(function(index){
        var item = $(this);
        if((item.offset().top - $(window).scrollTop()) > 30){
            item.css('border-style', 'solid');
        }else{
            item.css('border-style', 'none');
        }
    });
}