How to add subview to a webview so that the subview would scroll along with webview?

Question

I have webview.

Now I want to add a subview to it. I added it using addsubview method.

The view got added, but did not scrolled with webview.

I want my subview to be scrolled with the webview.

How can I do that?

Regards, Akshay.

Moonshine

That's strange to add a subview to an webview. What are you trying to do ? – Bradlybradman

Here is the solution https://mcmap.net/q/1324281/-uiview-scroll-with-webview/6521116 – Cacilia

Answer 1

You simply need to add your subview to the UIScrollView of the UIWebView like this to have your subview scroll with the webview content:

[webView.scrollView addSubview:youSubView];

Telex

For the record, the scrollView property was added in iOS 5.0. – Think

indeed only available post-iOS 5.0, but this is a fabulous trick; i just used it to allow my spinner for loading into a webView to be housed withing the confines of the UIWebView. perfect! – Capeskin

it can only help me to add upto 126 subview's – Sev

Answer 2

In order to do that, you would need to tinker with the internals of UIWebView and find out it's view hierarchy, so you can add the subview inside the scoller.

It's probably easier to tweak your HTML inside the view, so you can include something similar to your custom view (text or an image) in it.

You can later interact with your "fake view" via Javascript.

Lightproof

Is it possible if I have a UIWebView object? I have to work with existing webView object and cannot create new one by subclassing.. – Moonshine

Answer 3

Try this, it will work

[[[yourwebview subviews] objectAtIndex:0] addSubview:yoursubview];

Hectic

Answer 4

Suppose you want your uiview on a region with movie id in the html. Check my post here.

func scrollViewDidScroll(_ scrollView: UIScrollView) {
    self.wk.evaluateJavaScript("var rect = document.getElementById('movie').getBoundingClientRect();[rect.left, rect.top];") {
        (result, error) -> Void in
        print(result)
        self.player.view.frame.origin.x = (result as! Array)[0]
        self.player.view.frame.origin.y = (result as! Array)[1]
    }
}

Cacilia