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

[Vest]

iPhone, Safari, iOS 26.3.1, скролл у верхней границы наверх по списку не инерционный.

[AndreyMI]

Это известная проблема Safari для iOS. Инерционный скролл останавливается как только вызывают scrollTo в js.

Чтобы хоть как-то порешать эту проблему, я однажды делал следующий хак:

Положил во viewport огромный контейнер высотой в миллион пикселей и перемещал контент внутри него, чтобы компенсировать подгрузку.

А чтобы нельзя было добраться до верха, выполнял центровку через scrollTo, когда переставали приходить события скролла.

Не идеальное решение, но инерция работала :)

[Vest]

Я не знал, что это известная проблема. Спасибо за решение, но я лучше по старинке - страницами :)

[Shephard]

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

• Ты никогда не проскролишь до футера

• При работе с текстом в двух достаточно удаленных разных местах страницы, ты будешь страдать. Особенно, если необходимо выделить текст в одном месте и потом прокрутить в другое. При прогрузке страницы выделение текста слетит. Ты будешь страдать и ненавидеть веб-разработчиков этой страницы.

• Если в момент прокрутки глюканёт интернет, страница никогда не догрузится, а когда соединение восстановится, придется листать страницу с самого начала. Такое поведение - у 99.99% сайтов с бесконечным скроллом.

• Тебе никогда не удастся сохранить то место на странице, где ты закончил читать в прошлый раз. При обновлении страницы всё теряется. С обычными страницами такого нет и не будет. Переоткроешь браузер - и ты на том же месте.

• Поиск текста на странице с бесконечным скроллом - это страдание в кубе. Потому что неподгруженная часть страницы для браузера попросту не существует. Страдай снова.

• [в догонку - изменённое поведение скролла] Почему какой-то кент из офиса должен решать, как будет скроллиться страница, которую я просматриваю? Этот кент меняет поведение инерции и другие параметры скроллинга, ломая все привычки пользователя и вызывая у него бешенство и ненависть к веб-разработчику.

Это только то, что сразу вспомнилось, то есть наверняка не всё.

За что вы так ненавидите пользователей?