Breaking News: Grepper is joining You.com. Read the official announcement!

Prevent scrolling when mobile nav menu is open?

Poor Panther answered on July 1, 2022 Popularity 5/10 Helpfulness 1/10

answer Prevent scrolling when mobile nav menu is open?

Prevent scrolling when mobile nav menu is open?

Comment

const navSlide = () => {
    const burger = document.getElementById('burger')
    const nav = document.getElementById('nav')
    const navLinks = document.querySelectorAll('.nav-links li')
    
    burger.addEventListener('click', () => {
        nav.classList.toggle('nav-active')
        navLinks.forEach( (link, index) => {
            if (link.style.animation) {
                link.style.animation = ''
            } else {
                link.style.animation = `navLinkFade 0.7s ease forwards ${index / 7 + 0.4}s`
                }
    })
    burger.classList.toggle('toggle')
  })
}

navSlide()

Popularity 5/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: menu mobile nav whatever when

Link to this answer
Share Copy Link