位置：固定为浮动div

Question

I have a div that is floated left in a wrapper container. Now I want the div to stay in one spot when the page is scrolled. So I tried position:fixed, but this ruins the other css properties of the div.

I've tried using javascript aswell:

$(window).scroll(function () { 
    $("#id").css({'top',$(window).scrollTop() + 'px'});
});

That javascript isn't doing anything. Is there any other way to do this, I still want to keep the float:left property intact.

Thanks

Answer 1

See all the elements with different position attributes form different layers. So you have to adjust other elements when you keep this element 'position:fixed'

You have to keep empty space for this div forever, and it will stay fixed there even when you scroll your page.

See this link for better understanding

http://davidwalsh.name/demo/css-fixed-position.php