cross browser adjustments for overview mode
This commit is contained in:
22
js/reveal.js
22
js/reveal.js
@ -300,7 +300,11 @@
|
||||
|
||||
features.touch = !!( 'ontouchstart' in window );
|
||||
|
||||
isMobileDevice = navigator.userAgent.match( /(iphone|ipod|ipad|android)/gi );
|
||||
// Transitions in the overview are disabled in desktop and
|
||||
// mobile Safari since they lag terribly
|
||||
features.overviewTransitions = !/Version\/[\d\.]+.*Safari/.test( navigator.userAgent );
|
||||
|
||||
isMobileDevice = /(iphone|ipod|ipad|android)/gi.test( navigator.userAgent );
|
||||
|
||||
}
|
||||
|
||||
@ -1647,9 +1651,11 @@
|
||||
dom.wrapper.classList.add( 'overview' );
|
||||
dom.wrapper.classList.remove( 'overview-deactivating' );
|
||||
|
||||
setTimeout( function() {
|
||||
dom.wrapper.classList.add( 'overview-animated' );
|
||||
}, 1 );
|
||||
if( features.overviewTransitions ) {
|
||||
setTimeout( function() {
|
||||
dom.wrapper.classList.add( 'overview-animated' );
|
||||
}, 1 );
|
||||
}
|
||||
|
||||
// Don't auto-slide while in overview mode
|
||||
cancelAutoSlide();
|
||||
@ -1712,12 +1718,12 @@
|
||||
|
||||
// Layout slides
|
||||
toArray( dom.wrapper.querySelectorAll( HORIZONTAL_SLIDES_SELECTOR ) ).forEach( function( hslide, h ) {
|
||||
transformElement( hslide, 'translateX(' + ( h * slideWidth ) + 'px)' );
|
||||
transformElement( hslide, 'translate3d(' + ( h * slideWidth ) + 'px, 0, 0)' );
|
||||
|
||||
if( hslide.classList.contains( 'stack' ) ) {
|
||||
|
||||
toArray( hslide.querySelectorAll( 'section' ) ).forEach( function( vslide, v ) {
|
||||
transformElement( vslide, 'translateY(' + ( v * slideHeight ) + 'px)' );
|
||||
transformElement( vslide, 'translate3d(0, ' + ( v * slideHeight ) + 'px, 0)' );
|
||||
} );
|
||||
|
||||
}
|
||||
@ -1725,10 +1731,10 @@
|
||||
|
||||
// Layout slide backgrounds
|
||||
toArray( dom.background.childNodes ).forEach( function( hbackground, h ) {
|
||||
transformElement( hbackground, 'translateX(' + ( h * slideWidth ) + 'px)' );
|
||||
transformElement( hbackground, 'translate3d(' + ( h * slideWidth ) + 'px, 0, 0)' );
|
||||
|
||||
toArray( hbackground.querySelectorAll( '.slide-background' ) ).forEach( function( vbackground, v ) {
|
||||
transformElement( vbackground, 'translateY(' + ( v * slideHeight ) + 'px)' );
|
||||
transformElement( vbackground, 'translate3d(0, ' + ( v * slideHeight ) + 'px, 0)' );
|
||||
} );
|
||||
} );
|
||||
|
||||
|
Reference in New Issue
Block a user