Question

I have a jQuery project where I open an iframe with scrollbars (scrolling=auto) in an overlay (boxy plugin) popup with an animation. When the overlay is closed I want the popup to tween and fade-out. So far so good, but while the size of the iframe is decreasing, the scrollbars suddenly appear before the whole thing disappears.

I tried manipulating the iframes scrolling attribute but that doesn’t seem to exist on the iframes’ DOM object at that point. Can anyone help?

Answer 1

No need for JavaScript. Just use the following CSS on the iframe:

overflow: hidden;