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;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容