有时无法滚动我的iOS Safari网络应用

Question

您可以在此处查看我的网络应用示例：

https://arep.co/g/giveaway-test-do-not-delete/

网络应用的结构如下：

有一个固定页脚，目前有“输入竞争”文字和倒计时。我正在调用不 固定页脚 主要部分的Web应用程序部分。

发生了一些事情（可能彼此相关）：

1. 滚动主要部分有时会在“焦点”从主要部分更改为固定页脚时停止工作。我松散地使用“焦点”一词，因为我认为它不是正确的术语，但我不确定在这里使用什么词。
2. 当发生这种情况时，您可以通过主要部分上的点击再次滚动工作来更改“焦点” - 然后再次开始滚动。但有时你必须重新加载页面，然后再次滚动魔法。
3. 当页面首次加载时，有时 主要部分的滚动根本不起作用，它已被锁定，你无法让它再次滚动无需重新加载页面或点击“输入比赛”按钮。

如何重现

这是一个棘手的部分，因为它有点难以重现：

1. 有时，当您首次加载网络应用时，无法滚动主要部分。如果你重新加载页面然后它工作正常，或者如果你点击“输入竞争”强制Safari重绘bkgrd（它弹出一个模态）然后滚动开始再次工作。或者，如果您重新定位手机以便从纵向更改为横向并返回到纵向以强制Safari重绘DOM，则焦点会自然地更改回主要部分，然后您可以再次滚动它。
2. 如果您开始在主要部分上滚动，然后向下移动拇指以便它从固定页脚上抬起，您可以滚动到它停止响应的pt正确而你必须等待几秒钟才能找到“东西”（不确定是什么），然后再次正确地滚动。

我不得不说iOS Safari中的滚动是一个巨大的 mega PITA！我在Android上没有遇到任何这些问题 - webview组件非常错误。