0

我正在为 iPad 设置拆分视图 HTML 应用程序。我正在使用 jQuery Mobile。我找到了一种很好的 CSS 方法来执行 splitview(使用 -webkit-overflow-scrolling: touch; overflow:auto;
),这对表单字段很有效,但是当我单击任何输入时包含 jQuery Mobile 脚本字段 div 滚动到顶部(尽管输入似乎确实集中在被点击的表单字段上。)

对于如何抑制滚动到顶部行为的任何建议,我将不胜感激。

我搜索并发现很多人抱怨滚动到顶部以进行页面转换,但我相信这是不同的。

您可以在此 jsfiddle 上看到此行为,向下滚动右侧并单击任何输入字段,屏幕滚动到顶部在此处编辑小提琴)删除 jqm 脚本会删除此行为。

我们确实尝试了出色的asyraf9 splitview,但随着我们添加更多表单项,性能显着下降,而且我不愿意选择 jqm 的自定义分支,并且一直在尝试直接的 css 方法。

4

1 回答 1

0

这对我们来说也是一个问题,在页面的输入字段中输入会导致屏幕疯狂地上下跳动。造成这种情况的一个原因是 3D webkit 在 Android 中被破坏了。

Android浏览器textarea到处滚动,无法使用

所以使用任何这样的东西作为输入可能会导致这种行为。但我们并没有使用有任何这样的东西。来自 http://www.sencha.com/forum/archive/index.php/t-132885.html?s=8cb1ed44a5383de62ffee964654a338http://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。

于 2012-04-04T13:22:52.470 回答