ios - ScrollView 中的 WKWebView

Question

考虑到在 Web View 之后必须有其他元素，我如何将 WKWebView 放入 Scroll View 中。

。看法
... ScrollView
....... ImageView
....... WKWebView
....... 按钮


See the demo image

• 问题 1:禁用 WKWebView 的滚动
• 问题 2:为 WKWebView 设置完整的内容高度

查看我的 sample project

Answer 1

如果你想获取 WKWebView 中 html 的内容高度，使其在 UIScrollView 中不可滚动，请继续阅读。

您需要观察(通过委托(delegate))您的 webView 的内容高度。我正在为您提供这些步骤，因为您很清楚自己在做什么，而且您就快完成了。

从您的 webView 高度限制中创建一个导出

@IBOutlet weak var constraint_WebViewHeight: NSLayoutConstraint!

订阅 webView 的委托(delegate)

这会让您知道(当您的 webView 已完成加载您网站的内容时，您的 Controller 。

self.webView.navigationDelegate = self

遵守协议(protocol)

在 WKNavigationDelegate 的 didFinish navigation 方法中，然后调整 webView 高度约束的常量。如果你想放点动画:)

extension ViewController: WKNavigationDelegate {
    func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
        DispatchQueue.main.asyncAfter(deadline: .now() + 0.1) {
            self.constraint_WebViewHeight.constant = webView.scrollView.contentSize.height
        }
    }
}

最后，修复您的约束。

一个。删除您的 imageView 底部约束。b.将底部约束添加到 ScrollView 的保存按钮。

这将使您的 scrollView 可滚动。

瞧!这产生了这个结果。

希望对您有所帮助!