WKWebview 位置固定移动 - 科尔多瓦应用
Posted
技术标签:
【中文标题】WKWebview 位置固定移动 - 科尔多瓦应用【英文标题】：WKWebview position fixed moves - cordova app 【发布时间】：2020-11-01 04:35:30 【问题描述】：您好，我有一个 cordova 应用程序，从 UIWebView 更改为 WKWebview，当文本溢出视图时，固定页脚会移动，页脚应该像第一张图片一样工作。
已经尝试了我所看到的一切，但似乎没有任何效果
#footer
position: fixed;
bottom: 0;
background: #ffb81c;
color: white;
width: 100%;
text-align: center;
z-index: 999;
pictures
【问题讨论】：
【参考方案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 设置中与我们的应用程序方案颜色匹配，因此建议无论如何都使用此插件来改善 Cordova 应用程序的外观。
【讨论】：
它对我不起作用，我已经在使用状态栏，如果我复制并替换了第二张图片中的元标记。如果在正文中我设置了一个高度并放置了一个溢出：滚动并做到了，但还有另一个问题，现在是我滚动时的橡皮筋......顺便说一句，我忘了提到所有这些问题只存在于 ios 中。 我按照你告诉我的方式做了，但是当键盘出来时，标题消失了，没有办法把它带进来，这只发生在 viewport-fit=cover 和 wkwebview以上是关于WKWebview 位置固定移动 - 科尔多瓦应用的主要内容，如果未能解决你的问题，请参考以下文章
如何访问科尔多瓦 WKWebview ios 应用程序的 iframe 中的元素？