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

Не могу точно определить появление нижней границы элемента на экран. Сделал так, но откуда-то лезут лишние 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
}


Как правильно решить эту задачу?
  • Вопрос задан
  • 135 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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