如何设置浮动Div的自动余量，如GMail按钮菜单

Question

我的HTML页面中有一个div，我希望在页面滚动到某些像素之后就像浮动菜单一样。

我在这里试了http://jsfiddle.net/JnbQQ/1/

问题是一旦用户向上滚动，div就会失去其设置为auto的边距并移动到页面的左下角。

有人可以帮忙吗？

Answer 1

你可能想看一下jquery Waypoints插件。

网站： http://imakewebthings.github.com/jquery-waypoints/

演示： http://imakewebthings.github.com/jquery-waypoints/sticky-elements/

Answer 2

这次你不能使用保证金因为仓位：固定。相反，我建议像：

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

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

Answer 3

检查this。您可以使用divs

替换该解决方案中的<table>标记