使用 jquery 3.3.1 时元素不隐藏

< script >
  $(window).scroll(function() {
    // если пользователь прокрутил страницу более чем на 850px
    if ($(this).scrollTop() > 850) {
      // то сделать кнопку scrollup видимой
      $('.down').fadeIn();
    }
    // иначе скрыть кнопку scrollup
    else if ($(this).scrollTop() <= 850) {
      $('.down').fadeOut();
    } else if ($(this).scrollTop() > 1000) {
      $('.down').fadeOut();
    }
  }); <
/script>

.down {
    position: fixed;
    left: 20px;
    display: none;
    bottom: 50%;
    opacity: .3;
    animation: sizeDown 2s infinite alternate; /*  анимация повторения*/
}

@keyframes sizeDown {    /* Название анимации, которое идет после в animation */
    from {               /* От */
      width: 60px;
      height: 100px;              
    }
    to {                /* До */
      width: 80px;
      height: 120px;      
    }
  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="down">
        <img src="lookDown.png" width="80px" height="100px">
    </div>