如何防止iOS键盘在WKWebView中上推导航栏？（安卓平台无此问题）

这个iOS特有的坑我之前踩过好几次！安卓因为系统对WebView键盘交互的处理逻辑不同，所以不会出现这个问题。下面是几个实测有效的解决方法，按优先级尝试：

1. 调整UIScrollView的内容偏移调整行为（最简便） #

WKWebView内部的scrollView默认会根据系统控件（比如键盘）自动调整内容偏移，这就是导致导航栏被顶上去的核心原因。直接修改这个行为即可：

Swift代码： #

// 在WKWebView初始化完成后设置
webView.scrollView.contentInsetAdjustmentBehavior = .never

Objective-C代码： #

// 初始化WKWebView后配置
webView.scrollView.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNever;

注意：如果你的页面需要适配顶部安全区域（比如刘海屏），记得在HTML里或者原生代码里手动添加顶部内边距，避免内容被刘海遮挡。

2. 监听键盘通知手动调整内容偏移 #

如果第一种方法导致页面其他滚动行为异常，可以通过监听键盘弹出/收起通知，手动控制scrollView的内边距：

Swift代码示例： #

// 在视图控制器的viewDidLoad里注册通知
override func viewDidLoad() {
    super.viewDidLoad()
    NotificationCenter.default.addObserver(self, selector: #selector(keyboardWillShow(_:)), name: UIResponder.keyboardWillShowNotification, object: nil)
    NotificationCenter.default.addObserver(self, selector: #selector(keyboardWillHide(_:)), name: UIResponder.keyboardWillHideNotification, object: nil)
}

// 键盘弹出时调整scrollView内边距
@objc private func keyboardWillShow(_ notification: Notification) {
    guard let userInfo = notification.userInfo,
          let keyboardFrame = userInfo[UIResponder.keyboardFrameEndUserInfoKey] as? CGRect else { return }
    let keyboardHeight = keyboardFrame.height
    webView.scrollView.contentInset = UIEdgeInsets(top: 0, left: 0, bottom: keyboardHeight, right: 0)
}

// 键盘收起时恢复内边距
@objc private func keyboardWillHide(_ notification: Notification) {
    webView.scrollView.contentInset = .zero
}

// 记得在视图销毁时移除通知
deinit {
    NotificationCenter.default.removeObserver(self)
}

3. 通过HTML/CSS适配WebView内部 #

如果原生代码调整有局限，可以修改Web页面的viewport和样式，让页面自己处理键盘交互：

1. 更新HTML的viewport meta标签，添加viewport-fit=cover：

<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">

2. 给页面主体添加安全区域适配的内边距：

body {
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
}

3. 对于输入框，可以添加scrollIntoView逻辑，确保输入框被键盘顶起时只滚动Web内容，不影响原生导航栏。

4. 检查自动布局约束是否正确 #

如果你的WKWebView使用了自动布局，确保它的顶部约束是关联到导航栏的底部，而不是安全区域的顶部。错误的约束会导致WebView在键盘弹出时被整体上推，连带导航栏一起移动。

内容的提问来源于stack exchange，提问作者Dibz