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

Question

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

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

该网络应用的结构如下：

有一个固定的页脚，当前带有文本“输入比赛”和倒计时。我打电话的web应用程序是的部分不是在固定页脚的主要部分。

有几件事正在发生（可能彼此相关）：

1. 当“焦点”从主要部分更改为固定页脚时，滚动主要部分有时会停止工作。我之所以宽松地使用“聚焦”一词，是因为我认为它不是正确的术语，但是我不确定在此使用什么词。
2. 发生这种情况时，你可以得到滚动通过再次努力攻的主要部分，以改变“焦点” -在这之后重新开始滚动。但是有时您必须重新加载页面，然后再次神奇地滚动即可。
3. 首次加载页面时，有时主要部分的滚动根本无法工作，而是锁定了，如果不重新加载页面或单击“输入竞赛”按钮就无法使其再次滚动。

如何繁殖

这是棘手的部分，因为它有点难于再现：

1. 有时，当您首次加载网络应用程序时，无法滚动主要部分。如果您重新加载页面，那么它可以正常工作，或者如果您单击“输入竞赛”以强制Safari重新绘制bkgrd（它弹出一个模态），则滚动将再次开始工作。或者，如果您重新调整了手机的方向，以便从纵向更改为横向，然后又更改为纵向以强制Safari重新绘制DOM，则焦点自然会更改回主要部分，然后可以再次滚动。
2. 如果您开始在主要部分上滚动，然后向下移动拇指以使其脱离固定的页脚，则可以滚动到一个点，在该点上它会停止正确响应，并且您必须等待几秒钟以进行“操作”（不确定什么），然后再次正确开始滚动。

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