WKWebView h5页面显示不全问题

首先先来看一下效果图如下所示：

1.png 2.png

图1下面的分享按钮只显示出一点，当时想出现这样的bug无外乎两点1.h5那边设备兼容问题2.ios 这边显示问题，问了h5，说是直接加载底部的css 样式，安卓那边显示OK，最后看了h5的代码也没发现问题，最后决定尝试自己试着解决一下，最后发现原因就是没有正确设置UIScrollView的高度没有设置正确导致wkwebView内容显示不完整，加上下面这句一般就可以解决问题：

self.edgesForExtendedLayout = UIRectEdgeNone;

究其原因详细如下：

在IOS7以后 ViewController 开始使用全屏布局的，而且是默认设置属性 edgesForExtendedLayout（它是一个类型为

UIExtendedEdge的属性，指定边缘要延伸的方向）是UIRectEdgeAll，四周边缘均延伸，就是说，

如果即使视图中上有navigationBar，下有tabBar，那么视图仍会延伸覆盖到四周的区域。

因为一般为了不让tableView 不延伸到 navigationBar 下面， 属性设置为 UIRectEdgeNone即可

同时如果导航栏有其他杂色只需要设置导航栏的透明度即可self.navigationController.navigationBar.translucent = NO;