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

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

Подскажите, как сделать скрол на JS до элемента id или class при загрузке страницы? Сразу, до элемента без нажатия какой-либо кнопки!
  • Вопрос задан
  • 314 просмотров
Комментировать
Подписаться 2 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Skillbox
    JavaScript
    3 месяца
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик расширенный
    13 месяцев
    Далее
  • Академия Eduson
    Fullstack-разработчик на JavaScript
    11 месяцев
    Далее
Решения вопроса 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 комментария
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack JavaScript разработчик
MakeDifference
от 60 000 до 110 000 ₽
Frontend-разработчик (Vanilla JS, high-load media platform)
Karma8
от 200 000 до 300 000 ₽
React разработчик
ITK academy • Нижний Новгород
от 50 000 до 90 000 ₽
Ещё вакансии