Исчезновение анимации при прокрутке страницы до заданной высоты c с использованием простых javascript и css

Question

Я хотел создать анимацию div (class = .about-container), который немного всплывает и одновременно исчезает.

Ранее я использовал jquery для этого, но я хотел, чтобы обычный javascript делал свою работу.

Я использовал следующий код: -

$(document).ready(
$(window).scroll(function(){
if($(window).scrollTop()> 300)
{ 
  $('.about-container').fadeIn(500);
}
else{
  $('.about-container').fadeOut();
}
}));

Как Могу ли я преобразовать это в простой javascript Я также хочу преобразование: перевести тоже.

Спасибо.