Cacher is the code snippet organizer for pro developers

<script>

  window.addEventListener("scroll", function (event) {
    var scroll = this.scrollY;
    var negativeScroll = 40 - scroll;
    var negativeScrollWithPixels = negativeScroll + "px"
    var siteHeader = document.getElementById("site-header");
    console.log(scroll, negativeScroll)
    if (scroll <= 40) {
     console.log(negativeScrollWithPixels)
     siteHeader.style.top = negativeScrollWithPixels
    }
    else {
    siteHeader.style.top = "0px";
    }
  });

</script>