Задать вопрос
SHKD
@SHKD

Как сделать плавный скролл га якорь WP?

Плавный скролл сделан через JS:

$('.navmenu a').on('click', function() {
  let href = $(this).attr('href');
  $('html, body').animate({
    scrollTop: $(href).offset().top
  }, {
    duration: 800,
    easing: "linear"
  });
  return false;
});

При формате ссылок меню #ssylka - плавный скролл работает, но тогда якоря не срабатывают при переходе с других страниц.

Если указать ссылке меню в формате /#ssylka - то наоборот срабатывают якоря, но не работает плавный скролл.

Как сделать так, чтобы работали и якоря при переходе с других страниц и плавный скролл?
  • Вопрос задан
  • 272 просмотра
Подписаться 1 Простой 2 комментария
Помогут разобраться в теме Все курсы
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Академия Eduson
    Fullstack-разработчик на JavaScript
    11 месяцев
    Далее
Решения вопроса 1
@daedra93
можно в стилях html/body добавить
scroll-behavior: smooth;
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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