jQuery：修复了Facebook和Twitter等顶级菜单

Question

如何用jQuery做到这一点？

我知道如何使用css（位置：固定），但IE问题（不知道固定位置）让我担心。

也许有一些插件，但我没有找到它......

谢谢！

Answer 1

position: fixed; 是position: absolute; position: relative;的替代品position: absolute; position: relative; position: absolute; position: relative; 和position: static; 。 position: fixed; 与position: absolute;相同position: absolute; 除了当用户滚动页面时，元素不会随之滚动，它只是准确地说出它的位置

问题是最流行的浏览器--Windows的Internet Explorer - 不理解它，而不是恢复到position: absolute; 它会比没有好，它会恢复到position: static; 按照CSS标准指定。 这与完全不定位具有相同的效果。 请注意，从beta 2向上的IE 7确实支持position: fixed;

一些作者使用> CSS选择器隔离Internet Explorer并将元素保留在该浏览器中，而没有滚动效果。

div#fixme { position: absolute; left: 0px; top: 0px; }
body > div#fixme { position: fixed; }

要么

div#fixme {
  left: expression( document.body.scrollLeft + 'px' );
  top: expression( document.body.scrollTop + 'px' );
}
body > div#fixme { position: fixed; left: 0px; top: 0px; }

我发现有些奇怪的东西。 如果我将值赋给变量，然后使用它将其分配给内联表达式，它确实在Internet Explorer 5.5和6中更新。它稍微不稳定，但没有许多脚本驱动的定位技术那么糟糕。

top: expression( ( ignoreMe = document.body.scrollTop ) + 'px' );
ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop

要么

<style type="text/css">
#fixme {
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; right: 20px; bottom: 10px;
}
body > div#fixme {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}
</style>
<!--[if gte IE 5.5]>
<![if lt IE 7]>
<style type="text/css">
div#fixme {
  /* IE5.5+/Win - this is more specific than the IE 5.0 version */
  right: auto; bottom: auto;
  left: expression( ( -20 - fixme.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top: expression( ( -10 - fixme.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
</style>
<![endif]>
<![endif]-->

Answer 2

有一个伟大的文章在这里关于CSS位置固定，如何做到这一点的IE6及以上。 如果您需要任何帮助，请告诉我。