Есть таблица. Когда мы скроллим ее до конца, то должны подгружаться еще элементы.
Подгрузка элементов срабатывает, но потом когда снова надо подгрузить еще элементы, полоса прокрутки просто не успевает за ними, они начинают слишком рано подгружаться (не тогда когда дойдем до конца таблицы)
Наверное дело в следующем алгоритме:
Чтобы понять, подгружать элементы или нет я сделал такой алгоритм:
Есть нижняя точка bottomCoord, из нее мы вычитаем величину прокрутки окна window.pageYOffset.
Если эта разница <= высоте блока '.table__ajax-wrapper', тогда подгружаем еще элементы
https://codepen.io/anon/pen/YdPoMV
P.S.: В данном примере сделал подгрузку без аякса, т.к. не знаю есть ли такой удаленный сервер, где можно расположить php-файл. И потом это в песочнице использовать. Если кто то расскажет как можно пользоваться аяксом в песочнице - буду благодарен.