固定元素在 WKWebkit 上移动

Posted

技术标签:

【中文标题】固定元素在 WKWebkit 上移动【英文标题】:fixed elements move on WKWebkit 【发布时间】:2017-10-01 12:24:27 【问题描述】:

原生应用由 WkWebview 和蓝色原生导航栏组成。

在装有 ios 10.3.1 和 Safari 10 的 iPad 上运行此程序

已启用反弹。

WkWebview 显示一个位置:固定的棕色覆盖和顶部的模式。

如this video所示,固定叠加层是可移动的。固定叠加层下的正文内容在叠加层后面移动。

有什么办法可以防止固定叠加层的移动吗?

【问题讨论】:

你能发一个小提琴或者更好地解释你想要达到的目标吗? 添加了一个视频以显示错误。 【参考方案1】:

这个错误在 iOS 11 的 Safari 上得到了解决。

【讨论】:

以上是关于固定元素在 WKWebkit 上移动的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript实现拖拽元素对齐到网格(每次移动固定距离)

Android Chrome 浏览器地址栏移动固定元素命中区域

用于 JavaScript 的 UIWebView 或 WKWebkit?

如何强制 Safari 重新绘制位置:滚动上的固定元素?

带有固定元素的 jQuery .animate() 和 css 位置

固定元素在 Chrome 中消失