Inner iframe takeover it’s shell container

This is a way for the inner iframe to take on the full screen above the shell container of it’s parent.

By using CSS we can position it so that the iframe is on top of the parent, you might need to play around with z-index depending on your DOM model.

function makeIFrameFullScreen() {
    makeShellContainerRelative();
    $("#iframe").css("position", "absolute");
    $("#iframe").css("top", "0px");
}
function makeShellContainerRelative() { $("#iframe").css("position", "relative"); }
 
4
Kudos
 
4
Kudos

Now read this

Collatz Conjecture

In this blog post we deviate a little from the ES6 parade I’ve been writing here. We dive into the Collatz Conjecture (otherwise known as the 3n + 1 conjecture) on today’s blog. The Collatz conjecture is the simplest open problem in... Continue →