0

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

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

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

谢谢。

4

2 回答 2

0

手工艺:) 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+')') );
})​
于 2012-08-26T18:45:40.707 回答
0

创建一个用于跟踪当前的全局变量span

var currentSpan = 1;

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

$(window).scroll(function() {
    var span = $("span.simpleclass").eq(currentSpan);
    currentSpan++;
});
于 2012-08-26T18:14:20.503 回答