Определить, когда пользователь достигает конца текстовой области только для чтения на html-странице

Question

Мне нужно определить, когда пользователь достигает конца текстовой области readonly на html-странице.

Текстовая область будет отображать очень длинный журнал для приложения.Файлы журналов настолько велики, что невозможно загрузить весь текст за один раз (некоторые файлы журналов занимают почти 200 МБ).Поэтому я загружу первые, скажем, 1000 строк, а затем мне нужно определить, когда пользователь находится рядом с последней строкой загруженного текста , чтобы дать ему следующие n строк с помощью вызова ajax.

Как лучше всего обнаружить это событие?

Answer 1

Вам следует сравнить textarea.scrollHeight с textarea.scrollTop - чем они ближе, тем ближе вы находитесь к концу текстовой области.

Answer 2

Вы можете работать с позицией каретки (проверить, где она находится и сравнить ее с вашей длиной).

Или вы можете работать с позицией полосы прокрутки . (или комбинация обоих)