jquery - 用淡入/淡出替换 .animate()

Question

我对 jQuery 比较陌生并且有一点问题。以前我在向下滚动时使用 .animate 为我的菜单设置动画，但我必须将其更改为淡入和淡出。这是我的代码：

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");
}

你的问题很模糊。但是您可以使用任何适合您的答案代码。并且还要参考文档，因为那里有示例。