Iframe’s overflow problem

In short, it is not possible to have an overflowed iframe. This post gives an explanation. To achieve the similar effect you’re after, you’re better off use AJAX to inject the embedded page into a div, and make the div overflow.

Animate the overflow property

The solution is to use AnimationEvent listeners. Here’s my raw implementation: CSS • 2 animations (open, close) • 2 classes (opened, closed) • 2 states (overflow hidden/visible) opened and closed are always toggled at animationstart, while hidden/visible states are differently worked out on animationend. Note: you’ll see a #main-menu element: it’s an UL with transitioned … Read more