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

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

Подскажите, как сделать скрол на JS до элемента id или class при загрузке страницы? Сразу, до элемента без нажатия какой-либо кнопки!
  • Вопрос задан
  • 289 просмотров
Комментировать
Подписаться 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>
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Fullstack JavaScript разработчик
Wanted.
от 180 000 до 240 000 ₽
Фронтенд разработчик Middle
Astra Health Tech • Москва
от 250 000 до 300 000 ₽
Ещё вакансии