Grow your CSS skills. Land your dream job.

Streampad-style floating footer in jquery?

  • # May 4, 2009 at 5:14 am

    I seriously envy the bottom bar that sites like streampad.com offer. Not only does it stick to the bottom of the browser window, it floats over content so it is always at the bottom of the browser window. It also resizes very smoothly. I’m sure this is rather fancy javascript, but can I achieve this effect using jquery?

    I apologize if this has been asked on the forum before. I’m new here.

    # May 4, 2009 at 11:46 am

    Fortunately, I’m almost certain they are achieving this effect using only CSS. There’s a div that surrounds that bottom part with the following CSS settings:

    Code:
    .footer {
    bottom: 0;
    height: 30px;
    left: 0;
    position: fixed;
    width: 100%;
    }

    That should take care of it for you, unless you just want to use jQuery, in which case I’m sure you could :)

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

You must be logged in to reply to this topic.

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