Grow your CSS skills. Land your dream job.

iframe flickering while resizing it

  • # May 27, 2013 at 3:23 am

    Hey guys,

    I have a problem when I’m resizing an iframe with JQuery. The iframe content starts flickering while sizing the iframe down.
    Is there any clever way to prevent this?

    Here’s a pen: http://codepen.io/Koopax/pen/eBjnq

    Thanks a lot

    Koopa

    # May 27, 2013 at 12:22 pm

    hmm it’s so weird, I still couldn’t fix it :(

    # May 27, 2013 at 1:04 pm

    It’s the jquery. As you size down the iframe it looks like the jquery readjusts it some way causing it to flicker. The question is if that problem is big enough for you to have to re-think whatever your trying to achieve. If not leave it that way. Or find a solution :P

    # May 27, 2013 at 1:17 pm

    But it’s quite strange, because when I remove the separator element, which is only a div, the flicker is gone :S

    http://codepen.io/Koopax/pen/vfmLr

    # May 27, 2013 at 1:43 pm

    Does it flicker outside of CodePen too? Often something flickers in CodePen but not outside. Even then, is this really a problem? :P

    # May 27, 2013 at 2:09 pm

    Yes it even flickers when you export it from codepen. I’m perhaps too perfectionist in those things but I personally hate things that lag or flicker

    # May 27, 2013 at 4:14 pm

    Thanks guys :)
    After the sixth attempt is finally got it working, by rewriting my entire js.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".