scrolling fallback mode for IE < 9

This commit is contained in:
Hakim El Hattab 2012-01-03 00:11:05 -08:00
parent 4805234a41
commit 614b8cde66
2 changed files with 38 additions and 1 deletions

View file

@ -872,3 +872,27 @@ html {
}
/*********************************************
* FALLBACK
*********************************************/
.no-transforms {
overflow-y: auto;
}
.no-transforms .slides section {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
transform: none;
display: block!important;
opacity: 1!important;
position: relative!important;
}

View file

@ -104,13 +104,26 @@ var Reveal = (function(){
supports3DTransforms = document.body.style['perspectiveProperty'] !== undefined ||
document.body.style['WebkitPerspective'] !== undefined ||
document.body.style['MozPerspective'] !== undefined ||
document.body.style['msTransform'] !== undefined;
document.body.style['msPerspective'] !== undefined,
supports2DTransforms = document.body.style['transformProperty'] !== undefined ||
document.body.style['WebkitTransform'] !== undefined ||
document.body.style['MozTransform'] !== undefined ||
document.body.style['msTransform'] !== undefined ||
document.body.style['OTransform'] !== undefined;
/**
* Starts up the slideshow by applying configuration
* options and binding various events.
*/
function initialize( options ) {
if( !supports2DTransforms && !supports3DTransforms ) {
document.body.setAttribute( 'class', 'no-transforms' );
return;
}
// Cache references to DOM elements
dom.wrapper = document.querySelector( '#reveal' );
dom.progress = document.querySelector( '#reveal .progress' );