Question

jquery effect is not smooth in phonegap application on iphone

i am using simple script for show-hide but page is blinking up.

/* enter code here */
$( '#signupbtn1' ).live('click',function(event)
    {
       $('#header').slideUp('slow');
       $('#content').slideDown('slow');
});

any idea why it’s not working properly

Answer 1

Have you tried jquery.animte-enhanced plugin? It speed up animation by detecting browser support for CSS3 animations. On iOS, using translate3d to animate some element is extremely fast, cause it is benefited from GPU acceleration. I used to write some animation library only relying on CSS3 animation, it’s a wonderful experience on iOS. But Android would drive you crazy.