Janky infinite-scrolling on iOS Safari

[novacrazy]

Infinite scrolling upwards works by offsetting the scroll position by the difference in height when the feed size changes, either from loading content or just HTML/CSS quirks. Works flawlessly on desktop browsers, however iOS Safari force-enables momentum/touch scrolling on all overflow: scroll since iOS 13. Attempting to modify the scroll position while there is still scroll momentum simply stops all momentum, causing it to look rather janky with the abrupt halt.

Back in the React version of the frontend, I had managed to get it working somehow using a combination of setTimeout and others to tweak the timing of when the scroll offset was applied. However, that trick doesn't seem to work with the SolidJS frontend, and may in fact be due to a change in iOS from 14/15/16. Unsure.

It may become necessary to fully emulate momentum scrolling on iOS with overflow: hidden and manual adjustment/animation.

Other ideas are welcome.

I do not know if smooth/momentum-scrolling on Android devices is affected similarly.