Question

我对jQuery相对较新并且遇到一些问题。我向前滚动时使用.animate动画我的菜单，但我必须将其更改为fadeIn和fadeOut。这是我的代码：

if($(this).scrollTop() > 100) {
bar.stop().animate({'top' : '0px'}, 1250);
} else {
bar.stop().animate({'top' : top}, 1250);
}

Answer 1

您只需要在元素上调用fadeIn/fadeOut

  bar.fadeOut('slow');

或

  bar.fadeIn('slow');

您还可以附加回调功能。有关更多信息，请参阅：

http://api.jquery.com/fadeIn/

http://api.jquery.com/fadeOut/

Answer 2

if($(this).scrollTop() > 100) {
   bar.stop().fadeOut();
} else {
   bar.stop().fadeIn();
}

如需将来参考，请访问： http://api.jquery.com/fadeOut/

当您提供显示您进行某种研究的链接时，人们会更开心。无论如何，干杯。

Answer 3

if($(this).scrollTop() > 100) {
bar.stop().fadeOut( function() { $(this).animate({'top' : '0px'}, 1250); }, "slow");
} else {
bar.stop().fadeIn( function() { $(this).animate({'top' : '0px'}, 1250); }, "slow");
}

你的问题很模糊。但您可以使用任何适合您的答案代码。还可以参考文档，因为它们有例子。

用fadeIn / fadeOut替换.animate（）

3 个答案: