逐个淡入元素(由滚动触发)

时间:2017-08-02 01:31:29

标签: javascript

希望有人可以帮助我!

基本上我正在做的是检测元素何时出现在屏幕上,然后向上滑动并将其淡入。然而,我想要发生的是下一个要素淡入,直到前一个完成。

已在下面附上我的代码。此外,如果有人能想到如果一种处理英雄褪色元素的tider方式(我不能在滚动时触发)。

此外,这里有实时网址

http://shaneharley.ca/test/

  $(window).load(function() {
    $('.fadeTag').each(function(){
    var imagePos = $(this).offset().top;

    var topOfWindow = $(window).scrollTop();
        if (imagePos < topOfWindow+800) {
            $(this).addClass("fadedTag");
        }
    });
});

$(window).scroll(function() {
    $('.fadeTag').each(function(){
    var imagePos = $(this).offset().top;

    var topOfWindow = $(window).scrollTop();
        if (imagePos < topOfWindow+1000) {

            $(this).addClass("fadedTag");
        }
    });
});

0 个答案:

没有答案