Force div element to stay in same place when page is scrolled

Question

I created a div element  that I placed all the way on the right of my site  The only problem is that its at the top of the site  so if i scroll down it remains there   How can I force it to remain in the same part of the page  when page is being scrolled   This is  what I ve managed to figure out myself so far    lt div style  width  200px  background-color   999  z-index  10  position  absolute  right  0  top  0  height  83px   gt   lt  div gt

User · Answer

You can do this replacing position absolute  by position fixed

User · Answer

Use position  fixed instead of position  absolute   See here

User · Answer

There is something wrong with your code    position   absolute makes the element on top irrespective of other elements in the same page  But the position not relative to the scroll  This can be solved with position   fixed This property will make the element position fixed and still relative to the scroll   Or  You can check it out Here

User · Answer

Change position absolute to position fixed    Example can be found in this jsFiddle

[css] Force div element to stay in same place, when page is scrolled

Examples related to css

Examples related to html