使用jQuery更改animate.css類的默認速度

我想在滾動條更改上添加animate.css類，我的意思是當滾動放下div時應該使用動畫fadeInUp進行動畫製作，但動畫的速度應該較慢。我已經測試過jQuery animate（）函數，但它不適合我。使用jQuery更改animate.css類的默認速度

$(document).ready(function(){ 
$(window).scroll(function(){ 
var scrolls = $(window).scrollTop(); 
    if(scrolls > 900){//from top to 900px my div appears 
     $(".box-animate").animate({function(){ 
       $(this).addClass("animated fadeInUp"); 
       } 
        },3000); 
      } 
      }); 
    });

我知道我的代碼中存在一些愚蠢的東西:)但我無法找到它？

來源

2016-02-13 Abdul Rahman

你說得對，代碼有問題，jQuery的'animate（）'動畫CSS值*（和其他東西）*，但是你不能只在內部粘貼一個'addClass'，並且希望它可以工作，它不會。 – adeneo

$（this）.addClass（「animated fadeInUp」）會產生問題，但是怎麼做呢？ –

Animate.css只是CSS。你不需要用jQuery來改變它，你可以根據它自己的速度設置提供的類來創建自己的自定義類。

如果你一定要三秒每一個動畫，你可以改變文件中的默認animated類：

.animated { 
    animation-duration: 3s; 
    animation-fill-mode: both; 
}

將要設置動畫的元素有關的類animated，然後你就可以觸發要使用jQuery的.animate在所有

$('.box-animate').addClass("fadeInUp");

你並不需要：與動畫。

來源

2016-02-13 17:44:36

是的，它是完美的答案。 –

使用jQuery更改animate.css類的默認速度

回答

相關問題