search

beedesk / jQTouch

jQT + actively maintained + exclusive features (iPad layout, iscroll, tons of css enhancements, page events, param passing between pages, radio button, grid, mail, improved page history management etc.)
http://bit.ly/beedesk-jqt
MIT License
72 stars 13 forks source link

Jqtouch all versions / iphone app / Page flipping when loading big contents with Ajax #34

Closed JZConsulting-io closed 12 years ago

JZConsulting-io commented 12 years ago

Dear all,

I' am experiencing a problem and I did not find solution for that so far. I make it short :

Could you try the following experience :

When you go on Ajax, With call back link, do you see that the page is flipping/blinking after you click on the link or you click on the ajax button for going back.

The problem is when the height of contents that you load reaches a certain height, the embedded safari refresh the whole page.

Are you experiencing the same problem, any ideas would be so much appreciate, as i'm afraid also that apple will refuse our app that blinks sometimes :(.

With my best regards, Jérôme.

thomasyip commented 12 years ago

How tall was the page? If it get to, like 10+ pages, safari does choke. Are you considering using some pagination or "Load More" button?

JZConsulting-io commented 12 years ago

Hello. My page does make my safari contains a list (

  • ) of 50px of height. The data are provided via Json from a php page. Each item contains a picture (img) of 40/40px, a text and the arrow. If my list contains, lets say, 15 items it is ok (it means that we have to scroll for seeing the other), if more results -> flipping. (as i remember, the total height of the page is 1500px).

    If i display the contents of the item clicked, on a "new" page (same process, json,) that contains 1 picture + text, depending the quantity of text the server provides, if the page reaches a certain height -> flipping.

    I tried to set dynamically the height of the page (body or #jqt) depending on the amount of the date, same -> flipping.

    I can see this flipping on the simulator, an iphone 3GS, and an IPAD (it is worst btw.).

    To finish, i tried slideleft effect and pop as animations.

    The exemple I gave in my first post shows how my app reacts.

    Many thanks, Best, Jérôme.

    P.S. : yes i considered pagination, but we decide to submit the app without this functionality, we cross fingers the feedback of Apple :)

    • thomasyip commented 12 years ago

    Good luck on the app submission with Apple. :-)

    Not whole lot we can do. Some suggested inserting various translate3d(0,0,0), or -webkit-backface-visibility. It forced the css to render in the GPU. We already have that. Sometime it helps, sometime it doesn't.