Tengo un botón de hamburguesa que se adhiere a la esquina superior derecha de la página a medida que se desplaza hacia abajo. Cuando se hace clic, el botón de hamburguesa muestra un menú de navegación. Sin embargo, si me desplazo hacia arriba en la página, la funcionalidad del botón de hamburguesa no funciona. En mi código, el botón de hamburguesa se llama "menuBtn" y la clase adhesiva que se agrega en el código solo hace que la posición del botón sea fija. He adjuntado mi código JavaScript porque creo que este es el problema.
const hamburgerMenu = document.querySelector('.hamburger__anchors--bin'); const menuBtn = document.querySelector('.menu-btn'); //sticky hamburger btn window.onscroll = function() { if(window.pageYOffset >= menuBtn.offsetTop) { menuBtn.classList.add('sticky') hamburgerMenu.classList.toggle('stickytwo'); } else { menuBtn.classList.remove('sticky') } }