I’m having some trouble getting proper scrolling in a WebHTMLView located on my page. The web view is holding plain HTML text. I have the webview centered in my page with a button below. After the page loads, occasionally I can scroll the contents of the web view (loaded from a local project-embedded HTML file) but occasionally, the whole page itself will scroll. I believe i’ve correctly set the headers:
HTMLHeader = “<meta name=”“viewport”" content="“initial-scale=1, user-scalable=no”" />"
HTMLHeader = “<meta name=”“viewport”" content="“initial-scale=1.4, user-scalable=no”" content="“width=1012"”/>"
The larger initial scale nicely enlarges the UI elements. All elements are contained within the viewport with a buffer of 20 pixels or so all around.
So far so good. The page rubber-bands on iPhone and iPad when I try to scroll past which I assume means the page is equal to or smaller than the viewport. But trying to scroll the contents of the webview is extremely frustrating because it sometimes scrolls the page and sometimes scrolls the web view; I can’t seem to find the rhyme or reason. It will sometimes work flawlessly, and then the page will “catch” my touches and won’t let go. Tapping or double tapping sometimes brings it back. It also seems to happen worse on iPad and less frequently on iPhone.
I’ve been playing around with the position controls, me.height/widths, layouts, headers but the problems persists. I’ve searched and have not found anyone having a similar problem. I hope I’m missing something obvious!