scrolling fallback mode for IE < 9
This commit is contained in:
parent
4805234a41
commit
614b8cde66
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 ||
|
||||
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' );
|
||||
|
|
Loading…
Reference in New Issue
Block a user