Не могу получить координаты html элемента =(

Question

Пытался получить координаты Block-1 и прокрутить страницу до него, но я что-то сделал не так =( Как получить координаты html элемента Block-1 и прокрутить страницу до него

let elem = document.querySelector('.Block-1');
let coords = elem.getBoundingClientRect();
elem.style.top = coords.bottom + 'px';


window.scrollTo({
    top: elem,
    behavior: "smooth"
});

.Block-1{
margin-top:500px;
border:1px solid black;
font-size:30px;
padding:50px;
}

<div class = "Block-1"> 

Прокрутка

</div>

Answer 1

Для scrollTo, нужно передавать число, а не DOM элемент https://developer.mozilla.org/ru/docs/Web/API/Window/scrollTo

В данном случае, как я понимаю, вы уже получили все нужные значения в coords, а именно coords.top

window.scrollTo({
    top: top: coords.top,
    behavior: "smooth"
});

Answer 2

Вот пример с Element.scrollIntoView():

let elem = document.querySelector('.Block-1');

elem.scrollIntoView({
  behavior: "smooth"
});

.Block-1 {
  margin-top: 1000px;
  border: 1px solid black;
  font-size: 30px;
  padding: 50px;
}

<div class="Block-1">

  Прокрутка

</div>

БЛОГ НА HUSL

Не могу получить координаты html элемента =(

Ответы (2 шт):