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 || | ||||
| 								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' ); | ||||
|   | ||||
		Reference in New Issue
	
	Block a user