From 614b8cde660fb78e45b55490d0f6d8aefb9a35d9 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab <hakim.elhattab@gmail.com>
Date: Tue, 3 Jan 2012 00:11:05 -0800
Subject: [PATCH] scrolling fallback mode for IE < 9
---
css/main.css | 24 ++++++++++++++++++++++++
js/reveal.js | 15 ++++++++++++++-
2 files changed, 38 insertions(+), 1 deletion(-)
diff --git a/css/main.css b/css/main.css
index 2a6b9db..2a590b7 100644
--- a/css/main.css
+++ b/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;
+}
+
+
+
+
+
+
diff --git a/js/reveal.js b/js/reveal.js
index aa5cc7d..767c4b9 100644
--- a/js/reveal.js
+++ b/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' );
--
GitLab