Case example: I have a long list of items, and when I put my mouse over this div changes to that picture of that item. No matter where you scroll to, the div remains in a fixed position.
Sort of like a frame.
Case example: I have a long list of items, and when I put my mouse over this div changes to that picture of that item. No matter where you scroll to, the div remains in a fixed position.
Sort of like a frame.
Use the CSS property position:fixed
.
Example: <div id="items" style="position: fixed; top: 20px; right: 20px">Hello there!</div>
Absolute positioning:
<body>
<div style="position: absolute; top: 0; right: 0; width: 100px; height: 100px;">
</div>
</body>
Are you asking about div in fixed position? If you want to this the div by css itself, you can use the paramater like
height:0px;
left:0px;
position:absolute;
top:0px;
width:0px;
z-index:1;
For newer browsers you can use position:fixed
to make an element follow the window when you scroll.
If you need to be compatible with older browsers, you would need a Javascript that gets the scroll offset from the window and changes the coordinates of an absolutely positioned element.