Moving sidebar

Does anyone know how to make a moving sidebar that will move down as the reader scrolls down the content?

I think this can be done with a float which is positioned in a certain way. I'm not sure though.

Can anyone help?

thanks

 

position:fixed will do the trick.
Also you can specify top and left values to position it where you want.

http://www.w3schools.com/Css/pr_class_position.asp

 

Ah, that works, but there is a problem. The sidebar is longer than the screen height and you never see the bottom because of this :S

Do you know any other ways to do this?

 

The only idea I have now is to make two smaller sidebars instead of the longer one, but depends of your layout.

 

I found an example of how I want it:

http://www.onlinegamesguru.com

The sidebar on the right.

At the moment it moves down when you scroll past the bottom of the page. However my sidebar is longer than the page, so I want it to move down when it reaches the bottom of the sidebar, not the page.

 

This can be done only with javascript.
Ask on javascript section : http://forums.digitalpoint.com/forumdisplay.php?f=38