Elementor sticky section hide when scrolling down

elementor-hide-section-scroll.html

<!--Add a html widget with this code under your section and replace the getElementById ("your ID section") with the ID of your section.-->
<script> 
var prevScrollpos = window.pageYOffset;
window.onscroll = function() {
  var currentScrollPos = window.pageYOffset;
  if (prevScrollpos > currentScrollPos) {
    document.getElementById("navbar").style.top = "0";
  } else {
    document.getElementById("navbar").style.top = "-90px";
  }
  prevScrollpos = currentScrollPos;
}
</script>

<!--If you want to add a small delay in the appearance, enter this custom CSS in your section: selector {transition: all 0.5s ease;}-->

Thank you so much.
This works like charm.