Прикрепите элемент к клавиатуре iPhone (JS, CSS?)

Question

Я разрабатываю веб-приложение с помощью jQuery Mobile.Одна вещь, которую я хочу сделать, это отобразить некоторые предложения автозаполнения для определенных полей ввода.Я хочу, чтобы блок с этими предложениями выглядел так, как будто он расширяет экранную клавиатуру, опираясь точно на его верхний край и оставаясь там, когда я прокручиваю страницу.

Быстрая и грязная иллюстрация:

Я вижу подобные вещи, которые делаются в некоторых нативных приложениях.Есть ли способ достичь этого только с помощью jQuery / JS и CSS?

Answer 1

Я не думаю, что это будет возможно.Клавиатура - это системный объект, принадлежащий браузеру.Вы можете манипулировать тем, как он отображается немного ... с учетом электронной почты, URL, числового или телефонного номера.

Прочитайте здесь: http://developer.apple.com/library/safari/#codinghowtos/Mobile/UserExperience/index.html

Answer 2

Я полагаю, что это возможно только в качестве нативного приложения, если вы не придумали способ (возможно, с помощью JavaScript), чтобы ваши предложения по автозаполнению «плавали» на определенной высоте от вершины окна просмотра.

Например, если вы измеряете экран в пикселях, поместите автоматически заполненное число «x» пикселей в верхней части строки состояния iPhone.Хитро, но возможно