Eliminating Flickering on Android When Navigating Between Pages

If you run/test your app on Android you probably noticed that there is flickering or jumping when navigating between pages (there is no such issue on iOS). Here is a quick way to get rid of flickering.

Add the following JavaScript (Create New/JavaScript):

$.mobile.defaultPageTransition = 'none';
$.mobile.defaultDialogTransition = 'none';

Above code will be invoked for all devices, including iOS. To run this code only for Android, use this;

if (navigator.userAgent.indexOf("Android") != -1) {
   $.mobile.defaultPageTransition = 'none';
   $.mobile.defaultDialogTransition = 'none';
}

Give it a try, you will notice that page transitations are now much smoother!