Scroll page window.screen.availHeight JS

115

11 августа 2019, 07:10

Подскажите кто знает, почему когда подгоняю в девтулзе(Хрома) высоту странички условно 600px, скролит коректно, а когда пытаюсь скролит в обычном режиме, то ровно на 102px перекручивает. window.screen.availHeight - берет не 938px высоту окна, а 1040px. высоты блоков заданы в vh. Буду благодарен вашим мыслям!

document.addEventListener("click", (e) => { 
  if (e.target.className == 'dot dot1') { 
    scroll(0) 
  } 
  if (e.target.className == 'dot dot2') { 
    scroll(1) 
  } 
  if (e.target.className == 'dot dot3') { 
    scroll(2) 
  } 
  if (e.target.className == 'dot dot4') { 
    scroll(3) 
  } 
 
}) 
 
function scroll(n) { 
  let sectionHeight = window.screen.availHeight; 
  window.scrollTo(0, sectionHeight * n); 
  console.log(window.pageYOffset); 
}