即使没有要滚动的内容，Xcode WKWebView HTML 内容也会滚动答案

【问题标题】：Xcode WKWebView HTML Content Scrolling Even Though There Is No Content To Scroll即使没有要滚动的内容，Xcode WKWebView HTML 内容也会滚动
【发布时间】：2021-06-27 12:51:51
【问题描述】：

在 Xcode 中，我将 WKWebView 放在视图控制器中以显示 contenteditable <div>。这样我就可以制作富文本编辑器了。但是，它似乎没有正确滚动。单击 div 时，会出现一个键盘，并调整 web 视图的大小以适应它。但是，当它调整大小时，页面变为可滚动的，即使下面没有内容。

这里是使用的 HTML：

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0"/>
<style>
html, body {
    font-family: Helvetica, sans-serif;
    overflow: hidden;
}
#content {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 5px;
    bottom: 5px;
    border: 1px solid black;
}
</style>
</head>
<body>
<div id="content" contenteditable="true">
</div>
<script>
var content = document.getElementById("content")
</script>
</body>
</html>

当键盘出现时，底部约束被移动。这是正在发生的事情的 GIF。注意键盘一上来，webview突然多了一个滚动条，支持滚动，我可以向上滚动蓝色框。为什么？那里什么都没有。
我该如何解决这个问题？

编辑： 更奇怪的是，当你再次点击键盘时，它不会滚动。

【问题讨论】：

标签： html swift xcode scroll wkwebview

【解决方案1】：

我找到了解决方案。如果将此行添加到内容 div 的 css 中：

overflow-y: scroll;

当你加载 web 视图时，这一行：

webView.scrollView.isScrollEnabled = false

然后它将禁用页面滚动，不包括内容框。

【讨论】：