Как я могу определить, прокручивается ли div внизу?

Question

Как определить без использования jQuery или какой-либо другой библиотеки JavaScript, прокручивается ли div с вертикальной полосой прокрутки до самого конца?

Мой вопрос не в том, как прокрутить вниз. Я знаю, как это сделать. Я хочу определить, прокручивается ли div уже до конца.

Это не работает:

if (objDiv.scrollTop == objDiv.scrollHeight) 

Answer 1

Вы довольно близко, используя scrollTop == scrollHeight.

scrollTop относится к верхней части позиции прокрутки, которая будет scrollHeight - offsetHeight

Ваш оператор if должен выглядеть так (не забудьте использовать тройные равенства):

if( obj.scrollTop === (obj.scrollHeight - obj.offsetHeight))
{
}

Редактировать: исправил мой ответ, был совершенно не прав

Answer 2

Возвращает true, если элемент находится в конце его прокрутки, и false, если это не так.

element.scrollHeight - element.scrollTop === element.clientHeight

Сеть разработчиков Mozilla

Answer 3

Немного опоздал на эту вечеринку, но ни один из приведенных выше ответов, кажется, не работает особенно хорошо, когда ...

• Масштабирование дисплея применяется к ОС для дисплеев UHD
• Масштабирование / масштабирование применяются к браузеру

Чтобы учесть все возможные ситуации, вам нужно округлить рассчитанную позицию прокрутки:

Math.ceil(element.scrollHeight - element.scrollTop) === element.clientHeight

Answer 4

Чтобы получить правильные результаты с учетом таких вещей, как возможность границы, горизонтальная полоса прокрутки и / или число плавающих пикселей, вы должны использовать ...

el.scrollHeight - el.scrollTop - el.clientHeight < 1

ПРИМЕЧАНИЕ: Вы ДОЛЖНЫ использовать clientHeight вместо offsetHeight, если хотите получить правильные результаты. offsetHeight даст вам правильные результаты только тогда, когда el не имеет границы или горизонтальной полосы прокрутки