Как создать бесконечную инвертированную прокрутку для чата?

Question

[Владислав Поляков]

Столкнулся с проблемой
У меня есть первоначально загруженный список сообщений в прокручиваемый блок, при прокрутке вверх, когда пользователь доходит до верха списка, идет подгрузка сообщений и они добавляются вверх чата, и тут проблема: скролл остается вверху прокручиваемой области, а не на месте , где пользователь остановился.
Коротко, как реализовать прокрутку и подгрузку сообщений как в ВК, telegram ?

Answer 1

[Владимир Проскурин]

Самый простой вариант. Запоминаете самый первый блок до подгрузки, после подгрузки берете у этого блока позицию относительно родителя, и скроллите родителя на эту позицию.
UPD: другой способ. Вычисляете перед добавлением сообщений высоту скролл-области элемента, и после добавки сообщений, вычитываете из новой высоты скролл-области блока с сообщениями старую, и это значение и есть scrollY

Comments

[Владислав Поляков]

Идет прыжок скролбара с верху до нужной позиции , и этотзаметно для глаз

[Владимир Проскурин]

Владислав Поляков, обновил ответ. Так ничего не прыгает.

[Владислав Поляков]

Владимир Проскурин, вечером гляну , заранее спасибо за помошь !