頁面滾動到頁面中我有10個元素具有相同的類名時與同級別的下一個元素:獲取與jQuery
<span class="simpleclass">text</span>
我試圖做的是 - 去下當頁面滾動時,類爲「simpleclass」的元素。這意味着第一次當我滾動頁面時,我需要在頁面上獲得第二個帶有「simpleclass」類的引用等等。有沒有人能幫我弄清楚如何實現這一點?
謝謝。
頁面滾動到頁面中我有10個元素具有相同的類名時與同級別的下一個元素:獲取與jQuery
<span class="simpleclass">text</span>
我試圖做的是 - 去下當頁面滾動時,類爲「simpleclass」的元素。這意味着第一次當我滾動頁面時,我需要在頁面上獲得第二個帶有「simpleclass」類的引用等等。有沒有人能幫我弄清楚如何實現這一點?
謝謝。
跟蹤當前span
創建一個全局變量:
var currentSpan = 1;
然後,每當滾動頁面時,你可以得到下一個span
並增加currentSpan
變量:
$(window).scroll(function() {
var span = $("span.simpleclass").eq(currentSpan);
currentSpan++;
});
手工工藝:) 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'變量將是'undefined'。 – undefined