javascript - 如何让 始终停留在浏览器页面的顶部？

Question

我有一个 <ul>在显示导航项的页面顶部。目前它通过 position:absolute 定位到位。代码:

#navigation
{
    text-align: center; 
    position: absolute; 
    float: left;    
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#navigation li
{
    display: inline-block; 
    width: 150px;
    height: 110px;
    cursor: pointer;
}

我想要做的是让这个导航栏保持粘在屏幕顶部，并且不受用户在页面下方滚动的影响。有点像这个页面:

http://www.google.com/intl/en/enterprise/apps/business/products.html#drive

如何做到这一点？

Answer 1

将位置设置为“固定”

#navigation {
    text-align: center; 
    position: fixed; 
    top: 0;
    left: 0;
    float: left;    
    margin: 0;
    padding: 0;
    list-style-type: none; }