animate.css替代fadeInDown？

Question

我正在使用jScrollPane，当我将animate.css应用到页面时它会崩溃。所以我需要fadeInDown的“东西”。我看到jQuery有自己的fadeIn函数，但我需要它随着下降而消失。你知道其他选择吗？如果是跨浏览器，它会很棒。

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

Answer 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

Answer 2

您可以尝试fadeOut

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