Question

在一个页面上，我有10个具有相同类名的元素：

<span class="simpleclass">text</span>

我要做的是 - 滚动页面时，转到类“simpleclass”的下一个元素。这意味着，当我第一次滚动页面时，我需要在页面上使用类“simpleclass”获得对第二个跨度的引用，等等。有人可以帮我弄清楚如何实现这一点吗？

感谢。

Answer 1

创建一个全局变量来跟踪当前span：

var currentSpan = 1;

然后，无论何时滚动页面，您都可以获得下一个span并增加currentSpan变量：

$(window).scroll(function() {
    var span = $("span.simpleclass").eq(currentSpan);
    currentSpan++;
});

Answer 2

手工艺品:) http://jsfiddle.net/TK3dd/7/

$(window).on('scroll', function(){
    var length = $('.simpleclass').length;
    var off = $('.simpleclass').css('height').replace('px','');
    var _tmp = Math.ceil(Math.abs(window.scrollY)/parseInt(off));
    _tmp = _tmp > (length-1) ? (length-1) : _tmp;
    console.log( $('.simpleclass:eq('+_tmp+')') );
})

在页面滚动期间使用jQuery获取具有相同类的下一个元素

2 个答案: