prevent iframes from offsetting presentation

This commit is contained in:
Hakim El Hattab 2015-02-03 11:56:54 +01:00
parent 1c8a6e47a6
commit a4852c7cb2
3 changed files with 25 additions and 0 deletions

View File

@ -275,6 +275,7 @@ body {
position: relative; position: relative;
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: hidden;
-ms-touch-action: none; -ms-touch-action: none;
touch-action: none; } touch-action: none; }

View File

@ -352,6 +352,7 @@ body {
position: relative; position: relative;
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: hidden;
touch-action: none; touch-action: none;
} }

View File

@ -384,6 +384,9 @@
// Listen to messages posted to this window // Listen to messages posted to this window
setupPostMessage(); setupPostMessage();
// Prevent iframes from scrolling the slides out of view
setupIframeScrollPrevention();
// Resets all vertical slides so that only the first is visible // Resets all vertical slides so that only the first is visible
resetVerticalSlides(); resetVerticalSlides();
@ -567,6 +570,26 @@
} }
/**
* This is an unfortunate necessity. Iframes can trigger the
* parent window to scroll, for example by focusing an input.
* This scrolling can not be prevented by hiding overflow in
* CSS so we have to resort to repeatedly checking if the
* browser has decided to offset our slides :(
*/
function setupIframeScrollPrevention() {
if( dom.slides.querySelector( 'iframe' ) ) {
setInterval( function() {
if( dom.wrapper.scrollTop !== 0 || dom.wrapper.scrollLeft !== 0 ) {
dom.wrapper.scrollTop = 0;
dom.wrapper.scrollLeft = 0;
}
}, 500 );
}
}
/** /**
* Creates an HTML element and returns a reference to it. * Creates an HTML element and returns a reference to it.
* If the element already exists the existing instance will * If the element already exists the existing instance will