jquery - 自动完成 View 损坏(滚动问题)

标签 jquery jquery-ui cordova autocomplete iscroll4

我的phonegap应用程序需要一个自动完成选项,我得到了this sample 。当 iam 使用示例时它工作正常,但是当 iam 尝试在 iphone 模拟器中滚动时它就损坏了(查看图像),我认为它有一些 css 问题,我该如何修复它?我真的被这个问题困住了。谢谢。

Update1: this issue arises when my iscroll started to scroll. Then, my list also starting to scroll (as i shown in below image).

Update2: my jsfiddle here, enter 'a' in products input field - a list will appear, then scroll; you can see the issue.

我的滚动包装:

var testScroll;

function loaded() {
  testScroll = new iScroll('wrapper', {
  //check js fiddle for more 
 }
}false);

enter image description here enter image description here

最佳答案

仅当目标不支持固定区域的基于触摸的滚动时,您才可以尝试使用 iscroll。 (查看更多http://coenraets.org/blog/phonegap-tutorial/)

如果您需要的只是自动完成电话间隙,您最终可能会在上面链接的教程中找到您想要的内容;)

关于jquery - 自动完成 View 损坏(滚动问题),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19739895/

相关文章:

javascript - 尝试测试输入更改方法,但似乎不起作用

jquery-ui - Angular 可排序 orderby 对象属性

javascript - 使 JQuery 按钮显示为已按下;即改变主题

jquery - 如何让我的 ui-widget-content 容器突出显示 jquery 中的放置事件?

Cordova 网络 isOnline 仅在 WiFi 上返回真

javascript - Phonegap-(Android/iphone) 包含多张图片的图片库出现问题?

java - Phonegap相机拍照

javascript - 随机悬停效果

jquery - 调整文本区域中的字体大小以适合高度

javascript - Bootstrap datepicker 日期比较错误(英国/美国格式错误)