2015-01-13 3 views
0

Im разрабатывает приложение для Android с кордорой, и у меня есть некоторые проблемы с мягкой клавиатурой. (используя этот учебник: https://ccoenraets.github.io/cordova-tutorial/creating-view-classes.html)открытка с полнофункциональной клавиатурой cordova с открытой клавиатурой

Когда я нажимаю на поле ввода на своем тестовом устройстве (nexus 5), открывается мягкая клавиатура, и представление становится прокручиваемым, как и ожидалось. Однако просмотр страницы затухает, и часть моего содержимого остается плавающей в пробеле, если вы прокручиваете представление вверх (см. Ссылку ниже) (серый - это фоновое изображение im, испытывающее с, оно сокращается примерно на 40% при открытии клавиатуры)

http://i57.tinypic.com/v6t89t.png

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

Приветствия

ответ

0

Вашей проблема заключается в теге < META> Я имел это один сам тоже установил его, добавив эти мета, чтобы в голове у меня файл index.html

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0"> 
<meta name="apple-mobile-web-app-capable" content="yes"> 
+0

, что сократило пропуски вдвое, однако, он все еще там. Еще одна вещь, которую я заметил, это то, что содержимое на странице не сжимается, когда клавиатура открывается каким-либо образом. Таким образом, 100% страницы по-прежнему выше клавиатуры по умолчанию, только сжатие div (не содержимого) содержит сжатие. Хотя я не хочу компромисс, интересно отметить, что контент не хочет сидеть за клавиатурой по умолчанию (я все же могу прокрутить ее за клавиатурой). Любые другие идеи? – Shazarn

+0

попробуйте поэкспериментировать с этими цифрами в метатегах, посмотрите, что это дает вам .. если это не работает, я не знаю .. извините – ErikBrandsma

+0

Спасибо за вашу помощь, в конце концов я переключился на Jquery Mobile framework и их волшебство отлично работало. Css был болезненным: P – Shazarn