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更改给定时间段内的不透明度，如果介于0和1不透明度之间，则使用fadeOut。< / p>

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

Answer 2

$('.logo').fadeIn()

Fade in documentation

Answer 3

您可能想要使用fadeTo()。

Jquery淡入滚动徽标

3 个答案: