juniorcoder
@juniorcoder
Ура, у нас новый умный AI...

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

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

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

Похожие вопросы