【问题标题】:How to Slow down a fade-animation of jquery? [duplicate]如何减慢 jquery 的淡入淡出动画? [复制]
【发布时间】:2019-03-28 06:29:59
【问题描述】:

您好,我正在设置一个动画,该动画应该通过滚动使某些文本淡入/淡出。现在文字就消失了。我怎样才能让这个褪色变慢?

$(window).scroll(function() {
    if ($(window).scrollTop() < 50) {             
        $(".centered").stop(true,true).fadeIn();
    } else {
        $(".centered").stop(true,true).fadeOut();                   
    }
});

【问题讨论】:

  • 我看不到你的整个代码

标签: javascript jquery


【解决方案1】:

在括号内输入以毫秒为单位的速度: 淡入(3000)

【讨论】:

  • 是的。我也是这么想的,但是不行……不知道为什么
  • 或者尝试使用 fadeTo(speed, opacity)
【解决方案2】:

在下面的代码中fadeIn(5000); 您可以将 5000 更改为您需要的时间

$(window).scroll(function() {
    if ($(window).scrollTop() < 50) {             
        $(".centered").fadeIn(5000);
    } else {
       $(".centered").fadeOut(5000);                   
    }
 });

【讨论】:

  • 好的,所以我发现我只需要去掉“.stop(true,true)”部分。然后它与括号中的数字一起使用
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-05-15
  • 2011-07-14
  • 2011-04-09
  • 1970-01-01
  • 2021-01-28
  • 1970-01-01
相关资源
最近更新 更多