将标题视图添加到WKWebView ScrollView

Question

有没有人设法成功添加页眉或页脚视图WKWebView ScrollView？

我目前正在尝试使用此处描述的方法执行此操作,以UIWebView 向类似于Safari和文章的UIWebView添加标题视图.

在WKWebView内容视图中使用此方法时,内容视图origin.y已正确更改,但内容在底部被截断.

使用滚动视图内容偏移也是不可能的,因为它会破坏Web视图中固定定位的CSS元素.

Answer 1

这是一个我认为符合您所描述的示例。contentInset它通过设置scrollView和 通过将标题视图框架偏移负数来偏移网页内容：

@implementation ViewController
{
    WKWebView*  _webView;

    UIView*     _headerView;
}

- (void)viewDidLoad
{
    [super viewDidLoad];

    _webView = [[WKWebView alloc] initWithFrame: self.view.bounds];
    [self.view addSubview: _webView];

    [_webView loadRequest: [NSURLRequest requestWithURL: [NSURL URLWithString: @"http://www.stackoverflow.com"]]];


    [_webView.scrollView setContentInset: UIEdgeInsetsMake(100, 0, 0, 0)];

    _headerView = [[UIView alloc] initWithFrame: CGRectMake(0, -100, 375, 100)];
    _headerView.backgroundColor = [UIColor redColor];
    [_webView.scrollView addSubview: _headerView];
}

- (void) viewDidLayoutSubviews
{
    [super viewDidLayoutSubviews];

    _webView.frame = self.view.bounds;

    CGRect f = _headerView.frame;
    f.size.width = _webView.bounds.size.width;
    _headerView.frame = f;
}