document.addEventListener('DOMContentLoaded', function() { document.addEventListener('scroll', function() { let y = window.scrollY; let menuhopin = document.getElementById('menuhopin'); if (y > 300) { /* change this value here to make it show up at your desired scroll location. */ menuhopin.classList.add('headershow'); } else { menuhopin.classList.remove('headershow'); } }); });