keep div in place while scrolling

[ohdang888]

I've seen some feedback tabs like the one here:

http://www.feedbackify.com

 

how do they get that image to stay put while a user scrolls the page?

 

thanks

[radar]

thats actually css to make it stay in place, but it is background-repeat: no-repeat;

[radar]

either that, or they do a position: relative;

top: 50%;

background-repeat: no-repeat;

 

something like that might be more logical depending on the image..  again its all css.

[AtlasC1]

The easiest way to do it is through CSS, using the position property:

 

.fixed
{
  position:fixed;
  top:30px;
  right:5px;
}

 

This will make anything with the class="fixed" stick to 30px from the top of the browser window, and 5px from the right of the browser window. The div will hover above any other page elements and will not disrupt the natural flow of the website. You could also do this through javascript, to get a smooth, floating appearance. This, however, requires a bit more work.

 

-jm