So I have a web page that when i got the math out, including the header, footer, and content, is about 680px in height. Now considering that when on an ipad, the workable area is 746px landscape, everything should fit with out having to scroll. Yet for some reason, it shows that there more area to scroll to.
Now this even happens when in portrait mode as well, even though the working are is about 1004px.
So I have a webpage I made using jquery mobile with some graphics that are about 700x650 pixels in size. Its target is for iPad so I know that at that size, they should fit fine on the screen without having the scroll or anything. Now the footers have a data-position="fixed" but I've noticed that they show a little bit of the page background when they are first loaded but when you tap the screen, they then sit at the bottom of the page, as a fixed footer should. Any ideas on why this is happening? Could it be my graphics are too big?
Since jquery mobile does not allow loading multiple page external html files with ajax, is it possible, through javascript, to perform an external load of a file but keep it in the ios web app view and not launch safari?
I have this page with includes some animation created by edge animate. Now I want to be able to load the page via ajax but still have the animation play. Does anyone know how to go abouts doing this?
So i have a project where I am creating an interactive product guide aim for ipad. I created using adobe edge animate to add some interactivity to it but now i need to link about 4 of them off a central menu document. The problem is that the javascript created by edge animate wont play when i load the page by ajax. It works fine when I load the documents without ajax but Id prefer to keep the flow of things that is created by ajax. Any one have any ideas and what to do?