jquery - 使用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');
        }
    });
}