javascript - position:fixed 用于 float 的 div

Question

我有一个 float 在包装容器中的 div。现在我希望 div 在页面滚动时停留在一个位置。所以我尝试了 position:fixed，但这会破坏 div 的其他 css 属性。

我也尝试过使用 javascript:

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

javascript 没有做任何事情。有没有其他方法可以做到这一点，我仍然想保持 float:left 属性不变。

谢谢

Answer 1

查看所有具有不同位置属性的元素形成不同的层。所以当你保持这个元素'position:fixed'时你必须调整其他元素

你必须永远为这个 div 保留空白空间，即使你滚动页面，它也会固定在那里。

查看此链接以获得更好的理解

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