My Solution for transition flicker and blink on iPad

My Solution for transition flicker and blink on iPad

Hi guys,

I searched for a solution to fix the blink or flick the page after a transition. I found a code that fix the problem but at the same time broke my layout. My intention is give more option to fix this problem.

Fix on css that not worked for me.
  1. #container
    {
        position: absolute;
        width: 100%;
        height: 100%;
    }

Actually this fix should be work but my webview has a column on left so, the width can't be 100% and the orientation change broke too.

So I did this fix using the Page Events. You can put this 
  1. $(document).ready(function(){
          $('.content').live( 'pagebeforeshow', function(event, ui){
               w = $('.content').width() + 'px';
               h = $(document).width() + 'px';
               $('.content').css({ 'position' : 'absolute', 'width' : w, 'height' : h });
          });

          $('.content').live( 'pageshow',function(event, ui){                                    
               $('.content').css({ 'position' : '', 'width': '', 'height' : '' });        
          });
    });
That's it 

Leandro Brito