0

ページの<ul>上部にナビゲーションアイテムを表示するがあります。現在、その位置は位置を介して：絶対に所定の位置に固定されます。コード：

#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

これはどのように行うことができますか？

4

2 に答える 2

3

位置を「固定」に設定します

#navigation {
    text-align: center; 
    position: fixed; 
    top: 0;
    left: 0;
    float: left;    
    margin: 0;
    padding: 0;
    list-style-type: none; }
于 2013-01-18T17:59:24.227 に答える
2

用途topとleft特性：

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

fixedまた、位置を設定しz-indexて、他の要素よりも大きい値でを設定することもできます。この中のdivは、同じ動作をする#navigation必要があります。position: relative

于 2013-01-18T17:57:45.437 に答える