Image and Html content on app screen with combined scrolling
<h3>Problem</h3>

<p>I want to display an image and Html text on the app screen. The text is large so it may not fit on a screen so I want the content to be scrollable. <code>WebView</code> by default has scroll functionality for content going beyond screen size. But I don't want just the text to move upwards as I scroll down but also the image to move upwards i.e. I do not want the image to stick around on the screen when I scroll downwards.</p>

<p>One simple solution for this is to have the image rendered within the html content, but I do not want to do that because ImageView allows me additional functionality that I want to use.</p>

<h3>Possible solution</h3>

<p>The solution I tried for this was having an <code>ImageView</code> and a <code>WebView</code> within a <code>ScrollView</code> but when I try implementing it, only the webview content is scrolling and the image is fixed. (This is possibly because the <code>WebView</code>'s scroll is getting preference over the parent <code>ScrollView</code>'s scroll. I even tried setting WebView's child scroll view's delegate to outer scroll View but that didn't help and html text was not scrollable at all after build:</p>

<pre><code>webview.scrollView.delegate = self.scrollView
</code></pre>

<p>How can I solve the problem of combined scrolling for <code>ImageView</code> and content in <code>WebView</code> possibly using other container views (if necessary)?</p>