The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Streampad-style floating footer in jquery?

  • # May 4, 2009 at 5:14 am

    I seriously envy the bottom bar that sites like 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:

    .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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed