scrolling fallback mode for IE < 9
This commit is contained in:
parent
4805234a41
commit
614b8cde66
2 changed files with 38 additions and 1 deletions
24
css/main.css
24
css/main.css
|
@ -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;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
15
js/reveal.js
15
js/reveal.js
|
@ -104,13 +104,26 @@ var Reveal = (function(){
|
||||||
supports3DTransforms = document.body.style['perspectiveProperty'] !== undefined ||
|
supports3DTransforms = document.body.style['perspectiveProperty'] !== undefined ||
|
||||||
document.body.style['WebkitPerspective'] !== undefined ||
|
document.body.style['WebkitPerspective'] !== undefined ||
|
||||||
document.body.style['MozPerspective'] !== 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
|
* Starts up the slideshow by applying configuration
|
||||||
* options and binding various events.
|
* options and binding various events.
|
||||||
*/
|
*/
|
||||||
function initialize( options ) {
|
function initialize( options ) {
|
||||||
|
|
||||||
|
if( !supports2DTransforms && !supports3DTransforms ) {
|
||||||
|
document.body.setAttribute( 'class', 'no-transforms' );
|
||||||
|
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
// Cache references to DOM elements
|
// Cache references to DOM elements
|
||||||
dom.wrapper = document.querySelector( '#reveal' );
|
dom.wrapper = document.querySelector( '#reveal' );
|
||||||
dom.progress = document.querySelector( '#reveal .progress' );
|
dom.progress = document.querySelector( '#reveal .progress' );
|
||||||
|
|
Loading…
Reference in a new issue