将元素粘贴到iPhone键盘上(JS,CSS?)

时间:2011-09-01 02:53:54

标签: css mobile keyboard positioning iphone-web-app

我正在使用jQuery Mobile开发一个webapp。我想做的一件事是为某些输入字段显示一些自动完成的建议。我希望带有这些建议的块看起来好像它扩展了屏幕键盘,完全放在它的顶部边缘,并在我滚动页面时停留在那里。

快速而肮脏的插图:

auto-complete suggestions

我在某些原生应用中看到了类似的事情。有没有办法用jQuery / JS和CSS来实现这个目标?

2 个答案:

答案 0 :(得分:1)

我不认为这是可能的。 键盘是属于浏览器的系统实体。 您可以稍微操纵它的显示方式......为电子邮件,网址,数字或电话号码量身定制。

请在此处阅读:http://developer.apple.com/library/safari/#codinghowtos/Mobile/UserExperience/index.html

答案 1 :(得分:0)

我相信这只能作为本机应用程序使用,除非你找到一种方法(可能使用JavaScript)来获得自动完成的建议" float"从观察窗顶部一定高度。

例如,如果您以像素为单位测量屏幕,请浮动自动完成" bar"来自iPhone状态栏顶部的x个像素数。棘手,但可能