Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Streampad-style floating footer in jquery?

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #24770
    kuma-san
    Member

    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.

    #57095
    akeenlabs
    Participant

    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)
  • The forum ‘JavaScript’ is closed to new topics and replies.