如何设置浮动Div像GMail按钮菜单的自动保证金

我有一个div在我的HTML页面，我想像一个浮动菜单后页面滚动到某些像素。如何设置浮动Div像GMail按钮菜单的自动保证金

问题是，一旦用户向上滚动时，DIV失去其保证金其设置为auto，并移动到页面的左上角。

有人可以帮忙吗？

2011-10-06 Maheep

我不知道你是否有这个功能，但是具有一定的视口高度（这样你的if语句就可以激活）它在我滚动后就变得疯狂了。无论我滚动多少，都可以回到顶端。这是在Mac Chrome 14上。 – Joonas

是的，这也发生在IE中。试图找出答案，为什么？ – Maheep

我找到了我原来的问题的答案。由于我们无法将自动边距设置为固定位置元素，因此我们可以将另一个div放在PageHeaderTextDiv div的周围。并在JS中使用这个div来进行修复并将其宽度设置为100％。因此，PageHeaderTextDiv设置为此div内的自动保证金 – Maheep

你可能想看看jquery Waypoint插件。

2011-10-06 09:02:24 Joonas

是的，这是我想要在我的网页上的行为，但为此我不想使用整个图书馆。因此试图自己做小型的Java脚本。 – Maheep

@Maheep你的代码远没有工作..但如果你这样想...... Waypoint插件是关于小JPG图片的大小。 – Joonas

一个辉煌而优雅的解决方案！ – iGbanam

这次您不能使用保证金，因为position：fixed。相反，我建议这样的：

$('.PageHeaderTextDiv').css({ 
    position: 'fixed', 
    top: '0', 
    left: '50%' 
});

你可能将不得不努力，但你会知道该怎么做。

2011-10-06 08:59:35 Przemek

我更新了答案，因为我在复制粘贴时出错。 – Przemek

检查this出来。你可以使用divs替换那个解决方案中的<table>标签

2011-10-06 09:45:59 iGbanam

回答