#ios #cordova #wkwebview
#iOS #кордова #wkwebview
Вопрос:
Здравствуйте, у меня есть приложение cordova, и я сменил UIWebView на WKWebView, а фиксированный нижний колонтитул перемещается, когда текст переполняет представление, нижний колонтитул должен работать, как на первом рисунке.
перепробовал все, что видел, но, похоже, ничего не работает
#footer {
position: fixed;
bottom: 0;
background: #ffb81c;
color: white;
width: 100%;
text-align: center;
z-index: 999;
}
Ответ №1:
При перемещении одного из наших старых приложений в WKWebView мы обнаружили, что использование плагина cordova-plugin-statusbar в сочетании с добавлением viewport-fit=cover атрибута в мета-тег окна просмотра HTML решило наши проблемы с верхним и нижним колонтитулами, которые выглядели идентично примеру на вашем скриншоте.
Пример мета-тега в разделе HTML5 <head> :
<meta name="viewport" content="width=device-width, height=device-height, user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, viewport-fit=cover" />
Мы также оценили возможность сопоставления цвета со схемой нашего приложения в config.xml настройки для плагина statusbar, поэтому я бы рекомендовал использовать этот плагин в любом случае, чтобы улучшить внешний вид приложения Cordova.
Комментарии:
1. у меня это не сработало, я уже использую строку состояния, и если я скопирую и заменю этот мета-тег, он будет выглядеть как на втором рисунке. если в теле я установил высоту и поставил overflow: scroll, и это сделало это, но есть еще одна проблема, теперь это резиновая лента, когда япрокрутите … кстати, я забыл упомянуть, что все эти проблемы присутствуют только в ios.
2. я сделал это так, как вы мне сказали, но когда клавиатура отсутствует, заголовок исчезает, и его невозможно перенести, это происходит только с viewport-fit = cover и wkwebview