hotwind
@hotwind

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

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

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

Войти через центр авторизации
Похожие вопросы