Как сделать скролл до якоря из мобильного меню?

Question

[WebforSelf]

Есть данное меню



Как сделать так чтоб при клике на Intro

он закрывал меню и скроллил до id=intro

Answer 1

[MANCHERA CHAN]

Я так понял что ты используешь jq этот скрипт сделает плавный скролл до блока с id который указан в href
я нашёл такой скрипт на чистом js

const anchors = document.querySelectorAll('a[href^="#"]')

    for(let anchor of anchors) {
        anchor.addEventListener("click", function(e) {
            e.preventDefault()
            const goto = anchor.hasAttribute('href') ? anchor.getAttribute('href') : 'body'
            document.querySelector(goto).scrollIntoView({
                behavior: "smooth",
                block: "start"
            })
        })
    }

А следуиший код закрывает меню опять же на js

$(".mainMenu ul li a").on("click" , ()=>{
        $(".mainMenu").removeClass("act")
    })

точки с запятой можете проставить сами

Comments

[WebforSelf]

Я в принципе так и сделал, только на jquery

$('.nav-link').on('click', function(e){
					$('.mainMenu').removeClass('act');
					$('.menuBtn').removeClass('act');
$('html,body').stop().animate({ scrollTop: $(this.hash).offset().top - 50 }, 1000);
e.preventDefault();
});

[MANCHERA CHAN]

Очень за вас рад помете мой ответ как правильный пожалуйста.