Как точно определить появление нижней границы элемента во вьюпорт?

Question

[wiyod]

Не могу точно определить появление нижней границы элемента на экран. Сделал так, но откуда-то лезут лишние 50 пикселей

let windowHeight = window.innerHeight || (document.documentElement || document.body).clientHeight
let parentHeight = document.querySelector('#hero').getBoundingClientRect().height
let parentBottom = document.querySelector('#hero').getBoundingClientRect().bottom
let diffValue = parentHeight - windowHeight
if (diffValue - parentBottom >= 0) {
  this.showButton = false
} else {
  this.showButton = true
}

Как правильно решить эту задачу?

Comments

[justeen]

На всех устройствах видите лишние 50px?