javascript - スクロール中にこのナビゲーションバーを上に浮かせるにはどうすればよいですか？

Question

ナビゲーションバー全体とそのJavaScript設定はここにあります

http://jsfiddle.net/DyJzg/3/

今はページ上部にとどまっていますが、ページを下にスクロールしても上に浮くことができるのではないかと思います。ありがとう。

Answer 1

使う必要があると思いますposition:fixed

nav {
position:fixed;
top:0;
width:100%;
}

ここに変更されたjsfiddleがあります

Answer 2

要素が「nav」または要素クラスが「.nav」の場合、次の CSS コードを使用します。

nav, .nav{
position:fixed;
top:0;
width:your_custom_with;
height: your_custom_height
}

注: 詳細については、CSS ポジショニングのこの記事を確認してください: http://www.w3schools.com/css/css_positioning.asp

Answer 3

頭のてっぺんから、次のようにする必要があります..

.nav{
   display:block;
   position:absolute;
   top:0;
   left:0;
   right:0;
   width:100%;
}