// ADD EVENTLISTENER ON WINDOW window.addEventListener("scroll", (event) => { let scroll = this.scrollY; logoDown(scroll); // INITIATE(CALL) THE DESIRED FUNCTION FIRING OFF IMMEDIATELY AFTER WINDOW LOAD }); function logoDown(scroll) { const element = document.querySelector("element-id/class"); // WITHOUT THE CALLING THE FUNCTION, IT JUST SITS THERE if (scroll >= 22) { element.style.top = "0rem"; } else { element.style.top = "-0.6rem"; } }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter