Div Auto Slide In / Out или облегчить для лучшего перехода

Question

У меня есть div, который автоматически скользит вниз и возвращается наверх. Однако переход снизу вверх является очень жестким и требует некоторого облегчения или исчезновения или, возможно, задержки.

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

Вот JsFiddle: https://jsfiddle.net/pw08cy6g/4/

var scrollDistancePerSecond = 30; // Scroll 50px every second.
var scrollDistancePerAnimationFrame = Math.ceil(scrollDistancePerSecond / 60); // Animate at 60 fps.
var wrapper = document.getElementById('ph0');
autoScroll(wrapper);


function autoScroll(element) {
  if (element.scrollTop < element.scrollHeight) {
    window.requestAnimationFrame(autoScroll.bind(null, element));
    
    if( element.scrollTop === (element.scrollHeight - element.offsetHeight)){
     element.scrollTop = 0
   $("#ph0").stop().fadeOut();
  }else{
    
    element.scrollTop += scrollDistancePerAnimationFrame;
    }
  }
}