Scroll к элементу при загрузке страницы

360

22 октября 2017, 23:38

function scrollToElement(){
  let  top = document.getElementById('block-items-user').getBoundingClientRect().top + window.scrollY - 40;
  window.scrollTo(0, top);
}
scrollToElement();

В браузере firefox, все работает хорошо при загрузке страницы все скролится к нужному элементу, но в webkit не работает, только если вызывать через обработчик, то есть страница сразу не скролится.

Answer 1

Не совсем понятно, зачем требуется window.scrollY, но попробуйте вызвать с setTimeout.

setTimeout(function scrollToElement() {
  let top = document.getElementById('block-items-user').getBoundingClientRect().top - 40;
  window.scrollTo(0, top);
}, 100);