Задать вопрос
thomasLaybe
@thomasLaybe
Программист

Почему пропадет контент при переходе по якорям?

Здравствуйте, Уважаемые!
На лендинге есть полноэкранный скролл и соответственно я добавил якоря в меню...
И сама проблема в том, что при переходе невозможно больше вернуться наверх(там где меню).Скролл сделан с помощью fsscroll, кто щарит, выручайте;/

P.S также, нельзя добавить плавный скролл по якорям
  • Вопрос задан
  • 132 просмотра
Подписаться 1 Простой 1 комментарий
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
@dennis_d
One Love, One Front-End
Для плавного скролла можешь применить код ниже
const anchors = document.querySelectorAll('a[href*="#"]')

for (let anchor of anchors) {
  anchor.addEventListener('click', (e)=> {
    e.preventDefault()

    const blockID = anchor.getAttribute('href').substr(1)

    document.getElementById(blockID).scrollIntoView({
      behavior: 'smooth',
      block: 'start'
    })
  })
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы