Forums

kuma-san

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.

akeenlabs

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 :)

treehouse : what would you like to learn today?

Forums

Streampad-style floating footer in jquery?