Ответ на вопрос пользователя TOSTER

Как изменить код анимации при скроллинге?

by Alexander Lashchevsky

HTML

<div class="body">
    <div class="block"></div>
</div>

CSS

.body {
    height: 2000px;
}
.block {
    width: 100px; 
    height: 100px;
    background: red;
}
.block.animate {
    width: 500px;
    background: green;
    transition: all .5s linear;
}

JavaScript

$(document).ready(function(){

  var $block = $(".block");

  $(window).scroll(function(){
    if ( $(this).scrollTop() > 1 ){
      $block.addClass("animate");
    } 
  });
});