Ocultar logo en scroll

Hola!

Estoy utilizando Elementor, me gustaría saber cómo ocultar el logo al hacer scroll (tanto para bajar como para subir). Es decir, que solo se vea cuando accedes a una página y en el momento en el que empiezas a hacer scroll que vaya desapareciendo, cuando vuelves arriba del todo, que vuelva a aparecer.

Encontré este código en un tutorial y, la verdad es que va bastante bien, pero el logo aparece con el scroll hacia arriba (algo que querría evitar si puede ser) y no llega a aparecer del todo al estar arriba, como si tuviera que mover un poco el cursor para que consiguiera estar fijo.

También es muy agresivo cuando desaparece, no gradualmente.

La web está en construcción, así que no puedo pasar enlace.

A ver si alguien me puede ayudar.

Muchas gracias!

Un saludo

<script>

var prevScrollpos = window.pageYOffset;

window.onscroll = function() {

var currentScrollPos = window.pageYOffset;

  if (prevScrollpos > currentScrollPos) {

    document.getElementById("logohide").style.visibility = "visible";

  } else {

    document.getElementById("logohide").style.visibility = "hidden";

  }

  prevScrollpos = currentScrollPos;

}

</script>