jquery - jqueryメニューバーフローティングトップ

Question

メニューバーをブラウザの上部に常に表示させようとしているので、ページを下にスクロールしてもメニューバーは上部に残ります。

どうすればこれを行うことができますか？

よろしく、

Answer 1

CSSタグposition: fixed;を使用すると、スクロールしても画面上の同じ位置に留まります。それを使用して、top/right/bottom/left以下に示すように配置します。z-index「スタック」の高さに影響します。つまり、aが1の要素は、aが100z-indexの要素の下にあります。z-index

div.float {
    position: fixed;
    top: 10px;
    left: 25px;
    z-index: 9001;
}

jsfiddle.netは以前にダウンしていましたが、バックアップしています。特定のポイントまでスクロールするまで静的なフローティングメニューの例を次に示します。http：//jsfiddle.net/2rhrc/

Answer 2

これは、CSSのpositionプロパティを使用して行うことができます。例えば：

#menu {
  height: 50px;
  left: 0;
  position:fixed;
  top: 0;
}

参照：

• http://www.w3schools.com/cssref/pr_class_position.asp
• http://www.quirksmode.org/css/position.html

これが効果的に使用されていることに最初に気付いたのは、Perldocサイトです。スクロールする必要がある場合、＃content_header要素はCSSとJSの組み合わせを使用して、要素をページに表示したままにします。

• http://perldoc.perl.org/index.html