我正在为iPad设置拆分视图HTML应用程序。我正在使用jQuery Mobile。我找到了一个很好的CSS方法来做splitview（使用
-webkit-overflow-scrolling：touch;
溢出：汽车;
）
这适用于表单字段，但是当我单击任何输入字段时我包含jQuery Mobile脚本时div会滚动到顶部（尽管输入似乎集中在被点击的表单字段上。）< / p>
我很感激有关如何将滚动抑制到最佳行为的任何建议。
我搜索过并发现很多人抱怨滚动到页面转换的顶部，但我相信这是不同的。
You can see this behavior on this jsfiddle, scroll down the right hand side and click any input field, the screen scrolls to the top（edit the fiddle here）删除jqm脚本会删除此行为。
我们确实尝试了优秀的asyraf9 splitview，但是当我们添加更多表单项时，性能显着下降，而且我不愿意选择jqm的自定义分支，并且一直尝试直接的css apoproach。
答案 0 :(得分：0)
对于我们来说这也是一个问题，因为进入页面的输入字段会导致屏幕疯狂地跳起来。 造成这种情况的原因是3D webkit在Android中被破坏了。
Android Browser textarea scrolls all over the place, is unusable
因此，将任何此类事物用于输入可能会导致此行为。但是我们没有使用任何这样的东西。 从 http://www.sencha.com/forum/archive/index.php/t-132885.html?s=8cb1ed44a5383de62fffee964654a338和 http://java-cerise.blogspot.in/2012/02/android-browser-jumping-up-and-down.html
似乎有一个奇怪的问题，固定div必须具有比页面中任何绝对div更高的z-index。我找不到它的原因，但是对我们的固定div进行操作解决了这个问题。
试一下，看看是否有同样的问题。
在JQM的自定义分支的注释中，变化很少，我将splitview jqm升级到jqm的最后一个稳定版本，这很容易为1.0.1。