在一个页面上,我有 10 个具有相同类名的元素:
<span class="simpleclass">text</span>
我想要做的是 - 滚动页面时转到类“simpleclass”的下一个元素。这意味着,当我第一次滚动页面时,我需要在页面上使用“simpleclass”类获取对第二个跨度的引用等。有人可以帮我弄清楚如何实现这一点吗?
谢谢。
在一个页面上,我有 10 个具有相同类名的元素:
<span class="simpleclass">text</span>
我想要做的是 - 滚动页面时转到类“simpleclass”的下一个元素。这意味着,当我第一次滚动页面时,我需要在页面上使用“simpleclass”类获取对第二个跨度的引用等。有人可以帮我弄清楚如何实现这一点吗?
谢谢。
手工艺:) 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+')') );
})
创建一个用于跟踪当前的全局变量span
:
var currentSpan = 1;
然后,无论何时滚动页面,您都可以获得下一个span
并增加currentSpan
变量:
$(window).scroll(function() {
var span = $("span.simpleclass").eq(currentSpan);
currentSpan++;
});