Задать вопрос
juniorcoder
@juniorcoder
Ура, у нас новый умный AI...

Как сделать скрол на JS до элемента?

Подскажите, как сделать скрол на JS до элемента id или class при загрузке страницы? Сразу, до элемента без нажатия какой-либо кнопки!
  • Вопрос задан
  • 260 просмотров
Подписаться 2 Простой Комментировать
Решения вопроса 1
juniorcoder
@juniorcoder Автор вопроса
Ура, у нас новый умный AI...
Вот так работает на jQuery:

<div id="toScrollTo"></div>

<script>
	$(document).ready(function() {
		var anchor = $("#toScrollTo");
		$("html,body").scrollTop($(anchor).offset().top);
	});
</script>
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
i229194964
@i229194964
Веб разработчик
для этого можно использовать метод scrollIntoView()
вот пример
<!DOCTYPE html>
<html>
<head>
  <title>Scroll to Element</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body onload="scrollToElement()">
  <div style="height: 1000px;"></div>
  <div id="myElement">This is my element.</div>
  <div style="height: 1000px;"></div>

  <script>
    function scrollToElement() {
      const element = document.getElementById("myElement");
      element.scrollIntoView();
    }
  </script>
</body>
</html>
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы
Rocket Смоленск
от 80 000 до 130 000 ₽
Wanted. Москва
от 250 000 до 400 000 ₽
Wanted. Санкт-Петербург
До 220 000 ₽
22 янв. 2025, в 04:08
6000 руб./за проект
21 янв. 2025, в 23:55
20000 руб./за проект
21 янв. 2025, в 23:35
80000 руб./за проект