1

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

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

3 回答 3

3

用于fadeTo在给定时间段内更改不透明度，如果不透明度应大于 0 或正好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);
  }
});
于 2013-09-16T20:47:41.313 回答
1 
$('.logo').fadeIn()

Fade in documentation.

于 2013-09-16T20:45:37.517 回答
0

您可能想使用fadeTo()。

于 2013-09-16T20:47:40.783 回答