位置:固定为浮动div

时间:2012-11-21 14:40:49

标签: javascript html css position

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

我尝试过使用javascript:

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

javascript没有做任何事情。有没有其他方法可以做到这一点,我仍然希望保持浮动:左侧属性完整。

由于

1 个答案:

答案 0 :(得分:0)

查看具有不同位置属性的所有元素形成不同的层。因此,当您保留此元素时,您必须调整其他元素' position:fixed'

你必须永远保留这个div的空白空间,即使你滚动你的页面它也会保持固定。

请参阅此链接以便更好地理解

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

相关问题