html - 固定位置 CSS

Question

在我的网站上，我的标题下方有一个 div，其中包含一些快速链接。我正在使用http://davidwalsh.name/persistent-header-opacity使该 div 始终显示在屏幕上。但是，我希望它显示在顶部(position:fixed;top:0px;，但只有在原始位置被传递后才显示。换句话说，我不希望它粘在顶部，直到用户滚动过去。如何？

Answer 1

1. 在页面加载时创建一个包含菜单默认顶部偏移量的变量。
2. 监听滚动事件，如果scrollTop>原来的顶部偏移量，则位置固定，否则静态。
3. 利润。

示例

http://jsfiddle.net/49gPT/