2015-09-06 53 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 任何想法? –