2013-02-20 14 views
11

私のサイトのナビゲーションはコンテナの右側にフロートする必要がありますが、ページがスクロールするたびにナビゲーションは上部から350px右に移動するように固定位置にする必要があります。これは、私がposition:fixedを適用し、ナビゲーションが右に止まってしまった後に働いた。どのように私は両方の世界(右、固定の位置)の最高を得ることができる任意のアイデア?固定位置で右に浮動ナビを移動しますか?

http://jsfiddle.net/eeCgr/

+0

[良い溶液(http://www.profilepicture.co.uk/sticky- sidebar-jquery-plugin /)と非常に単純です。 'position:absolute'と一緒に使用してください。 – Vucko

+0

Vuckoのリンクはもう機能しません。プロジェクトはhttps://github.com/p-m-p/jQuery-Stickyboxに移動しました – Teepeemm

答えて

38

位置の使用:固定目的の場所にあなたのnav要素を取得するために/右上/下/左CSSを調整する必要があり。

例えば:

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

又は

nav { 
    right: 0; 
    top: 0; 
} 
-1

方法X:

ちょうど別の区分内に必要な分割を作成します。

投稿する:fixed;幅:100%;外側のdivにプロパティ。

float:right;内側のdivにプロパティ。

float属性とpositionプロパティは2つの異なる桁に割り当てられているため、有効になります。 2つの部門の他のすべてのプロパティが同一であることを確認してください。

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

関連する問題