卷轴上的Jquery淡入徽标

我目前有以下简单的jQuery脚本，并在我的网站上运行，它的工作非常好，但我想添加一个动画淡入/淡出到它。我只是对jQuery不够流利，不知道从哪里开始。任何帮助都会很好！可以在这里看到工作示例

---

.

您可能想要使用。

您可能想要使用。

如果不透明度应大于0，或者如果不透明度介于0和1之间，则使用

fadeTo

更改给定时间段内的不透明度

$(window).on('scroll', function(){
  var logo = $('.logo');
  var w = $(window);
  if(w.scrollTop() > 350){
    logo.stop(true, false).fadeTo(500, 1.0);
  } else if(w.scrollTop() < 350) {
    logo.stop(true, false).fadeTo(500, 0.1);
  }
});

$（窗口）.on（'scroll'，function（）{
var logo=$（'.logo'）；
var w=$（窗口）；
如果（w.scrollTop（）>350）{
logo.stop（真、假）.fadeTo（500,1.0）；
}否则如果（w.scrollTop（）<350）{
logo.stop（真、假）.fadeTo（500,0.1）；
}
});

如果不透明度应大于0，则使用

fadeTo

更改给定时间段内的不透明度；如果不透明度介于0和1之间，则仅使用

fadeIn

和

fadeOut

$(window).on('scroll', function(){
  var logo = $('.logo');
  var w = $(window);
  if(w.scrollTop() > 350){
    logo.stop(true, false).fadeTo(500, 1.0);
  } else if(w.scrollTop() < 350) {
    logo.stop(true, false).fadeTo(500, 0.1);
  }
});

$（窗口）.on（'scroll'，function（）{
var logo=$（'.logo'）；
var w=$（窗口）；
如果（w.scrollTop（）>350）{
logo.stop（真、假）.fadeTo（500,1.0）；
}否则如果（w.scrollTop（）<350）{
logo.stop（真、假）.fadeTo（500,0.1）；
}
});

使用$（'.logo'）.fadein（“慢”）$（'.logo'）.fadeout（“慢”）。要使用fadein元素，请确保添加.stop（），以便在用户快速上下滚动时不会产生yoyo效果。使用$（'.logo'）.fadein（“慢”）$（'.logo'）.fadeout（“慢”）。要使用fadein元素，请确保添加.stop（），这样在用户快速上下滚动的情况下不会产生yoyo效果。这肯定是我试图实现的，但它不能正常工作。fadeTo在滚动后立即开始，而不是等待在380px标记处开始，并且在向上滚动时不会衰减回10%。有什么想法吗？@StevenJones詹姆斯的回答很有效。哪个部分不清楚？@StevenJones，因为fadeIn需要时间。@codingfreak如果你查看staging.biggermarkets.com，你会注意到fadeTo在第一次滚动时启动，而不是从.scrollTop通过380px后启动。另外，当你向上滚动时，徽标不会恢复到原来的不透明度，不透明度应为10%。@StevenJones我想这个问题已经得到了回答，所以请访问我的Skype ali.carikcioglu3，以便我们可以专门讨论你的网站。这肯定是我试图实现的，但它工作不太正常。fadeTo在滚动后立即开始，而不是等待在380px标记处开始，并且在向上滚动时不会衰减回10%。有什么想法吗？@StevenJones詹姆斯的回答很有效。哪个部分不清楚？@StevenJones，因为fadeIn需要时间。@codingfreak如果你查看staging.biggermarkets.com，你会注意到fadeTo在第一次滚动时启动，而不是从.scrollTop通过380px后启动。此外，当你向上滚动时，徽标不会恢复到原来的不透明度，不透明度应为10%。@StevenJones我想问题已经得到了回答，请访问我的Skype ali.carikcioglu3，以便我们可以专门讨论你的网站。

$(window).on('scroll', function(){
  var logo = $('.logo');
  var w = $(window);
  if(w.scrollTop() > 350){
    logo.stop(true, false).fadeTo(500, 1.0);
  } else if(w.scrollTop() < 350) {
    logo.stop(true, false).fadeTo(500, 0.1);
  }
});