替代 animate.css 到 fadeInDown？答案

【问题标题】：Alternative to animate.css to fadeInDown?替代 animate.css 到 fadeInDown？
【发布时间】：2013-03-25 09:42:57
【问题描述】：

我正在使用 jScrollPane，当我将 animate.css 应用到页面时它会崩溃。所以我需要一个fadeInDown的“东西”。我看到 jQuery 有自己的 fadeIn 函数，但我需要它在下降时淡入。你知道任何替代方案吗？要是能跨浏览器就好了。

编辑：对不起，我忘了提到当页面加载时会使用fadeInDown，而不是通过点击或任何其他行为。

【问题讨论】：

标签： jquery fadein animate.css

【解决方案1】：

你可以这样做：

$(elem1).click(function(){
   elemToFade = $(elem2);
   elemToFade.animate({'opacity':'0', 'top':'50px'}, 1000);
});

FIND A SHORT DEMO

$('.elem').click(function(){
   elemToFade = $(this);
   elemToFade.animate({'opacity':'0', 'top':'50px'}, 1000, function(){
      elemToFade.hide();
    });
});

FIND ANOTHER DEMO

反对最新评论：

function movenhide(elemToFade){
   elemToFade.animate({'opacity':'0', 'top':'50px'}, 1000, function(){
      elemToFade.hide();
    });
}

$(function(){  // <------on page load
   movenhide($('div'));
});

FIND ONLOAD DEMO

【讨论】：

您可以在答案中找到另一个小提琴链接。

【解决方案2】：

你可以试试fadeOut

$(function() {
    $('#elem').fadeOut();
});

【讨论】：