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:
<div style="width: 200px; background-color: #999; z-index: 10; position: absolute; right: 0; top: 0; height: 83px;">
</div>
You can do this replacing position:absolute;
by position:fixed;
.
Use position: fixed
instead of position: absolute
.
See here.
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
Source: Stackoverflow.com