Как сделать двунаправленный бесконечный скролл в React

Большинство туториалов по бесконечному скроллу покрывают только одно направление: вниз. Ловим конец списка, подгружаем, готово. Но в реальных приложениях нужен скролл в обе стороны: история чата, лог-вьюеры, таймлайны. А скролл вверх создаёт проблему, которой при скролле вниз просто нет. В этом гайде я покажу, как собрать двунаправленный бесконечный скролл с нуля. Здесь React и @tanstack/react-virtual , но сама техника — просто математика над scroll offset. Работает так же в Vue, Svelte или на ванильном JS. Демо | Исходный код

https://habr.com/ru/articles/1009096/

#react #javascript #typescript #frontend #виртуализация #infinite_scroll #бесконечный_скролл #tanstack #performance #оптимизация

Как сделать двунаправленный бесконечный скролл в React

Большинство туториалов по бесконечному скроллу покрывают только одно направление: вниз. Ловим конец списка, подгружаем, готово. Но в реальных приложениях нужен скролл в обе стороны: история чата,...

Хабр