Задать вопрос
@tomatenshi
Frontend разработчик
javascript

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

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

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

проект на React. Нужна максимально простая идея.
  • Вопрос задан
  • 741 просмотр
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
rockon404
@rockon404 Куратор тега React
Frontend Developer
Проще некуда:
element.scrollIntoView();
Демо

В имплементации React как-то так:
handleLinkClick = e => {
  e.preventDefault();
  const element = document.getElementById(e.target.href);
  element.scrollIntoView();
};
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
RomReed
@RomReed
JavaScript, Flutter, ReactNative, Redux, Firebase
думаю что одно из этого точно поможет
https://stackoverflow.com/questions/43441856/react...
https://codedaily.io/tutorials/8/Build-a-Reusable-...
https://codepen.io/takatama/pen/mVvbqx
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Найти ошибку flutter_map
26 апр. 2024, в 05:31
1000 руб./за проект
Разработать электронику для весов с Wi-Fi
26 апр. 2024, в 01:22
1000 руб./в час
Очень срочно нужно помочь запустить программу с UI
26 апр. 2024, в 00:13
1000 руб./за проект
Ещё заказы