I would like to have an image on my page that sticks in the same position - even if the page is scrolled.

 

I know this is technically easily possible in CSS, but I can't seem to manage to get it to serve as a link. I'm looking for something similar to that held on: itportal.com.

 

I've noticed that there's a Javascript file doing this for them, and after a long while searching on the internet (probably using the wrong search terms...) I cannot find anything that may be helpful to me trying to create my own.

 

Can anybody offer me any advice, or point me in the right direction of a few tutorials? My Javascript knowledge is very limited - so please keep this in mind.

 

Many thanks

No need for javascript, just plain old CSS.

 

Set the position to fixed then use top, bottom, left and right to set where you want it.

 

#feedback{
position: fixed;
top: 40%;
right: 0px;
}

No need for javascript, just plain old CSS.

 

Set the position to fixed then use top, bottom, left and right to set where you want it.

 

#feedback{
position: fixed;
top: 40%;
right: 0px;
}

 

So, this really is as simple as adding a DIV and using this code to fix it at one place??

 

Thank you - I will try this in the morning.

No need for javascript, just plain old CSS.

 

Set the position to fixed then use top, bottom, left and right to set where you want it.

 

#feedback{
position: fixed;
top: 40%;
right: 0px;
}

 

Thank you so much. I just tested it and it's exactly what I wanted. You saved me an age searching!