.fadeTo не ослабевает медленно

Question

Я пытался добавить в .fadeTo на DIV и, наконец, получил его на работу

У меня есть это:

<section class= "hue innerS1" id="hue" > 
    <p class="huep innerS1">BRILLIANT-HUED</p> 

    <script> 
     $(window).scroll(function() { 
      $('[class^="hue"]').each(function() { 
       if (($(this).offset().top - $(window).scrollTop()) < 150) { 
        $(this).stop().fadeTo('slow', 1); 
       } else { 
        $(this).stop().fadeTo('slow', 0); 
       } 
      }); 
     }); 
    </script> 

</section> 

Но когда я прокручиваю к div отображается в миллисекундах, а не на том, для чего он был установлен. Когда я прокручиваю назад назад, то div .fadeTo работает тогда.

Я не могу понять, что неправильно, поскольку обе строки кода одинаковы, поэтому они должны работать, нет?

Редактировать

Вот jsFiddle

Но как вы можете видеть, что это работает на этом я, возможно, потребуется обновить JQuery, что я использую. Это действует немного забавно, хотя

Answer 1

Решение может быть использовано вместо слова вместо слова.

Таким образом, вместо слова slow используйте любое число (большее число, больше времени - здесь это, например, 800 - но число может быть другим, как вам нужно). Это позволит вам точно установить, как долго это будет продолжаться.

$(window).scroll(function() { 
     $('[class^="hue"]').each(function() { 
      if (($(this).offset().top - $(window).scrollTop()) < 150) { 
       $(this).stop().fadeTo(800, 1); 
      } else { 
       $(this).stop().fadeTo(800, 0); 
      } 
     }); 
    });