我正在开发一个没有采用响应式设计的网络应用程序，因此移动体验对用户来说并不是很好。尽管如此，用户仍然在移动设备上使用该网站。当应用程序中的特定页面在移动设备上呈现时，会出现垂直滚动条，这似乎是完全正常的（在桌面浏览器中查看同一页面也有垂直滚动条）。问题是，当移动设备上的用户尝试滚动到底部按下提交按钮时，页面会跳回到最顶层。更具体地说，用户触摸并拖动屏幕以使页面底部进入视图，并且一旦他们将手指从屏幕上抬起，页面就会跳回到顶部，从而阻止他们按下提交按钮，因为它从视图中隐藏。我已经将我的iPhone 5连接到我的Mac并使用Desktop Safari来设置远程调试。这还没有多少帮助。我注意到更改设备方向会使问题消失。更具体地说，问题发生在纵向和横向两个方面。但是，如果您以一个方向加载页面然后切换到另一个方向，问题似乎就消失了。我还注意到，尽管CSS规则最终被浏览器覆盖（我认为），但在CSS中的一个容器div上设置显式高度似乎可以解决问题。但是，当我设置高度时，页面呈现的方式略有不同，因为内容似乎更加缩小，并且不会出现垂直滚动条。
我已经在网上搜索了一段时间，但没有找到任何有用的东西。我找到了两个关于类似问题的SO帖子，一个没有答案，另一个有垃圾回答应该是评论。
基本上我正在寻找的是那些拥有一些移动网络开发经验的人，可以为我提供一些可行的途径，以正确的方式解决这个问题。我不想要一个hacky解决方案，我不一定要找你告诉我要编写什么代码。我只是想深入了解会导致页面像这样的混蛋。
提前致谢：）