Подскажите в чем разница между element.scrollTop(если скролл в конце) и

Question

Подскажите в чем разница между element.scrollTop(если скролл в конце) и

element.scrollHeight ? Почему когда я скролю в самый низ до предела и когда при событии допустим клика: вывожу данные element.scrollTop и element.scrollHeight то они сильно отличаются на 150-400 пикселей? при том что я считываю scrollTop и scrollHeight не window, а нужную мне область, смотрите картинку. Мне нужно сделать функционал подобно тому как в телеге, когда ты находишься в конце чата(либо почти в конце ~50-100px до конца чата), то когда приходят новые сообщения то тебя типо скроллит в конец. У меня как-то странно оно работает, когда девтулзы включены в браузере(они у меня снизу) и я тестирую то всё норм, но когда я их закрываю то чтобы всё работало нужно в коде ещё накинуть несколько сотен px. Складывается ощущение что как будто оно слушает область всего окна а не нужного мне элемента.
if (el.scrollHeight !== el.scrollTop && el.scrollHeight - el.scrollTop < 300) {
// делаю скролл сдесь
}

#javascript #programming #russian

0

11.02.2021