How can i have a div stuck on the left side of the page no matter how much i scroll horizontally?

Question

This is kind of difficult to explain so ill link to a page that has the effect i need;

http://wpaoli.building58.com/wp-content/uploads/2009/08/feedback-panel.html

The feedback thing on the left side is what im trying to implement on my side, instead of feedback im going to use it as a navigation menu that shows up when clicked on.

the things above is what i have right now.

my problem is when i scroll to the right ( my page is around 6000px wide ) i want it to stay on the left side, is there a way to pull this off?

(this is to much for my brain to handle)..thanks!

Answer 1

Set the div to have a "position:fixed" style and then set "left:0px;top:0px". This makes the div stick to the top left of the browser instead of its relative position within the HTML flow.

Have a look at this example page, it has 2 fixed elements, one at the top left and the other at the bottom right:

Fixed example

Answer 2

You can use the exact same design, only use position:fixed on the feedback-panel.