Как сделать простую прокрутку (без анимации) до якоря без изменения адресной строки (без jQuery на React)?

Question

Тома @tomatenshi

Frontend разработчик

Как сделать простую прокрутку (без анимации) до якоря без изменения адресной строки (без jQuery на React)?

Есть элемент с id="testElement". Есть ссылка <a href="#testElement">Прокрути</a>

Всё работает ок, плавность и анимация не нужны, но теперь нужно узнать как, например при помощи js, прокрутить к нужному элементу без добавления #testElement в адресную строку (плавность и анимация по прежнему не нужны)

проект на React. Нужна максимально простая идея.

Вопрос задан более трёх лет назад
815 просмотров

Комментировать

Подписаться 1 Простой Комментировать

Answer 1 · 2018-09-19 13:21:27

Проще некуда:
element.scrollIntoView();
Демо

В имплементации React как-то так:

handleLinkClick = e => {
  e.preventDefault();
  const element = document.getElementById(e.target.href);
  element.scrollIntoView();
};

Как сделать простую прокрутку (без анимации) до якоря без изменения адресной строки (без jQuery на React)?

Войдите на сайт