web-dev-qa-db-ja.com

固定位置で右に浮かぶナビゲーション?

私のサイトナビゲーションはコンテナの右側にフロートする必要がありますが、ページがスクロールするたびにナビゲーションが上から右350pxになるように固定位置にある必要があります。これは、position:fixed、それを行った後、ナビゲーションは右側に固定されます。私が両方の世界の最高のものを得ることができる方法(右側、固定位置)はありますか?

http://jsfiddle.net/eeCgr/

16
AMC

Position:fixedの使用法では、上/右/下/左CSSを調整して、ナビゲーション要素を目的の場所に移動する必要があります。

例えば:

nav { 
    right: 0; 
    top: 50%; 
}

または

nav {
    right: 0; 
    top: 0;
}
45
Brad M

方法X:

別の部門内に必要な部門を作成するだけです。

Postion:fixedを指定します。幅:100%;外部divのプロパティ。

float:rightを指定します。内部divのプロパティ。

Floatおよびpositionプロパティは2つの異なる区分に与えられているため、有効になります。 2つの部門の他のすべてのプロパティが同一であることを確認してください。

(外側のdivを非表示にするには、HSLaコードで色のアルファ値(a)を0.00に変更します)

2