固定搜索栏使用Jquery Mobile和Android上的Phonegap“弹跳”滚动结果

Question

我一直在寻找解决方案，并且一直在罢工。

我有一个JQM / Phonegap应用，它在固定位置标题中有一个搜索栏。 OnKeyup，它命中我的API并将结果返回到动态创建和刷新的列表视图中。

我的问题是，虽然在我测试时它在Chrome中看起来不错，但是一旦我在手机屏幕中进行构建并在手机上进行测试，当您在搜索栏中点击时，该框上会有一个叠加层。滚动浏览结果后，此叠加层会根据您的滚动向上和向下移动。

我可以提供代码，但它实际上只是在我构建它并在Android上测试时显示。 （4.0.4）

我尝试在标题中添加data-tap-toggle="false"并将搜索栏向下移动到“内容”区域并将其更改为data-filter="true" UL，同时使用这两个选项，我仍然可以“弹跳”搜索输入。

还有其他想法吗？我附上了一个关于它在Android上的样子的例子。

Answer 1

我终于找到了答案。不是我想要的，但在这里。 How can I style an HTML INPUT tag so it maintains CSS when focused on Android 2.2+?

Answer 2

我找到的另一个解决方案是实现iscrollview https://github.com/watusi/jquery-mobile-iscrollview iscrollview基本上是一个集成了iscroll和jquery的库，它为你做了所有令人讨厌的解决方案。

执行此操作后，搜索框的“弹跳”消失了。 YAY