Как правильно вычислить был ли элемент полностью прокручен до конца?

Question

[alex0176]

Привет!
Столкнулся с такой проблемой. При скролинге списка элементов не проходит условия проверки.
Значит у меня есть такая проверка:

if (this.scrollHeight - this.scrollTop === this.clientHeight && wrapper.dataset.loading === 'true') {
   // AJAX - подгружает следующий блок контента
}

Так вот: разница в вычислениях
this.scrollHeight - this.scrollTop
всегда больше на 1рх чем значение this.clientHeight. Так например (когда польностью прокручен вниз), если scrollHeight = 946, а scrollTop = 745, а clientHeight = 200, то получается: 946-745 = 201 тогда как clientHeight = 200
И эти вычисление постоянно происходят независимо от размера контента. Почему и где берётся этот 1рх? Убрал все отступы но проблема осталася.
Спасибо за любую подсказку.

Comments

[szQocks]

те надо через intersectionObserver проверять попадает ли последний или предпоследний элемент в область видимости, и если попадает подгружать данные, и тогда не придётся высчитывать всю эту фигню со скроллом

[alex0176]

Проблема была решена с помощью стилей. По непонятной причине нужно было для контейнера прописать line-height: 1 и затем вычисления были правильно. Использование intersectionObserver тоже хорошее решение данной задачи. Спасибо.