2015-09-06 83 views
0

我写的脚本有点问题。 那么,出于某种原因,它不是指向850宣布的TopDistance。只需点击一下向下箭头并开始动画。jQuery TopDistance动画开始?

你能帮助这个早期开机动画吗?

 $(window).on('scroll', function() { 
     var scrollTop = $(this).scrollTop(); 

     $('.projekt').each(function() { 
      var topDistance = $(this).offset().top; 

      if ((topDistance - 850) < scrollTop) { 
       $(this).addClass("animated fadeInRight"); 
      } 
     }); 
    }); 


     $(window).on('scroll', function() { 
     var scrollTop = $(this).scrollTop(); 

     $('.projekt').each(function() { 
      var topDistance = $(this).offset().top; 

      if ((topDistance - 850) < scrollTop) { 
       $(this).removeClass("projekt"); 
      } 
     }); 
    }); 
+1

调试提示。尝试'console.log(topDistance)'并将其放在'.addClass()'方法之前。 –

+0

两个'。对('滚动)'函数做同样的事情,没有看到更多的代码,我唯一的猜测是,你意味着第一个'如果((topDistance - 850) hammus

+0

我可以根据你的建议要求改进我的代码吗? 不幸的是,我不会在jQuery中坐太久。 –

回答

0

看看这个jsfiddle
我做了一个功能,而不是两个,它的工作原理。

$(window).on('scroll', function() { 
    var scrollTop = $(this).scrollTop(); 

    $('.projekt').each(function() { 
     var topDistance = $(this).offset().top; 

     if ((topDistance - 850) < scrollTop) { 
      $(this).addClass("animated fadeInRight").removeClass('projekt'); 
     } 
    }); 
}); 
+0

我们仍然无法按预期工作。我希望PROJEKTOWANIE GRAFICZNE,KODOWANIE当英雄形象消失APLIKACJE列出现 - 在大约570位 已经改变了两个功能为一体,改变TopDistance的值,然后继续无进展。 要在其上运行脚本的页面: www.damiansonek.eu/creative 任何想法? –