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 || | ||||
| 								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…
	
	Add table
		Add a link
		
	
		Reference in a new issue