Jquery 在滚动上淡入 Logo

Question

我目前在我的网站上启动并运行了以下简单的 jQuery 脚本，它运行良好，但我想为其添加动画淡入/淡出。我只是对 jQuery 不够熟练，不知道从哪里开始。任何帮助都会很棒!工作示例可以在这里看到，http://staging.biggermarkets.com

    $(window).scroll(function() {
if ($(window).scrollTop() > 380) {
    $('.logo').css("opacity", 1);
}
else{
    $('.logo').css("opacity", .1);
}
});

Answer 1

如果不透明度应 >0，则使用 fadeTo 更改给定时间段内的不透明度，或者仅 fadeIn 和 fadeOut 如果不透明度介于 0 和 1 之间。

$(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);
  }
});