Return to Snippet

Revision: 54215
at December 15, 2011 03:33 by iridium


Initial Code
function orient() {  
    if (window.orientation == 0 || window.orientation == 180) {
    	$("body").attr("class", "portrait");
	orientation = 'portrait';

    	return false;
    }
	else if (window.orientation == 90 || window.orientation == -90) {
    	$("body").attr("class", "landscape");
    	orientation = 'landscape';

    	return false;
    }
}

/* Call orientation function on page load */
$(function(){
	orient();
});

/* Call orientation function on orientation change */
$(window).bind( 'orientationchange', function(e){
	orient();
});

Initial URL


Initial Description
This function will detect the orientation (portrait/landscape) of an iOS device and set the body class to either portrait or landscape, as well as providing a global variable for use elsewhere in your JS.

If you require multiple classes on your body tag, simply alter the code to use jQuery's addClass() and removeClass() functions.

Initial Title
iPad/iPhone Orientation Body Class

Initial Tags
css, class, body, iphone, ios

Initial Language
jQuery