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