[Bug] Wrong loading while scrolling

Please re-open this issue. @Yidadaa

The scroll and window height inside, when using the PWA of ios or the webview of MAC OS safari, will trigger renderings to the top and bottom.

This may be caused by the way scroll events are handled differently in PWA on iOS or Safari WebView on MacOS than in other environments.

1. Maybe the updates between requestAnimationFrame and react are at different paces?

2. Or is it caused by the native sliding optimization of mac and ios?

3. Try adding Debounce to control it.

https://github.com/Yidadaa/ChatGPT-Next-Web/issues/3088

it happened on my phone at 16.5 IOS wrapping as a PWA.