@WebforSelf

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

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



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

он закрывал меню и скроллил до id=intro
  • Вопрос задан
  • 34 просмотра
Решения вопроса 1
@MANCHERA
web
Я так понял что ты используешь 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")
    })


точки с запятой можете проставить сами
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
Artezio Витебск
от 2 800 до 3 300 $