I create code for a text adventure game on a game editor. The Editor BUILDS (compiles) and creates four files: index.htmljquery.min.jsstory.jsstyle.css
I place all of the files in a folder on a hosted site using cPanel. I create a page in a responsive theme WordPress that is simply one iframe that points to the index.html. I add a few params like no frame, etc.
This works very well but.....
On an iphone, the loading page behaves nicely and the top of the page is at the top of the iphone screen and the scroll bars show and all is good until the .js script moves to a new section that on desktop browsers will position at the top of browser window. But on the ios device the new content will position much lower in the frame and sometimes is not visible until the user scrolls up to start the next activity.
I want the new content to load at the top of the frame.
I can share all of the .js code, etc. As well as my iframe code as well as the site for you to play with if anyone is interested and can help me.
