IOS菜鸟初学第十一篇：WKWebView 导航栏导致显示的页面下移，底部遮挡问题（老情况新解决方案）

针对WKWebView在iOS应用中出现的页面下移及底部遮挡问题，本文分享了一种有效的解决方案。通过调整导航栏的显示状态和scrollView的contentInset，确保页面布局正确，适用于iPhone X/XS/XS Max等设备。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

更新一波以前遇到的问题⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️

在第六篇关于页面下移，我当时用那种方法解决了。

但是今天测试人员又发现它变回原样了，也就是说之前的失效了，我不知道中间发生了什么。无奈，还是得解决≥

这次很清楚是什么原因造成的。就是因为，导航栏占用了页面高度，导致整体页面下移，在我的页面中有设置过页面高度的操作。参考教程：https://blog.youkuaiyun.com/wzxxdghdf/article/details/84781097

所以尝试将下面这几句代码放在willappear方法中

//导航栏不隐藏
self.navigationController.navigationBarHidden = NO;
//设置scrollView的contentInset
//64为导航栏的高度，设置height-64，即减去一个导航栏的高度
self.wkWebView.scrollView.contentInset = UIEdgeInsetsMake(0, 0, 0, 0);
self.wkWebView.frame = CGRectMake(self.wkWebView.frame.origin.x,self.wkWebView.frame.origin.y, self.wkWebView.frame.size.width, self.wkWebView.frame.size.height - 64);

经过测试，iphone x/xs/xs max都适用。