どのようにあなたが特定の場所

Question

に達したとき、私はこのサイトのに似たナビゲーションバーを作成したいあなたを次の動的なナビゲーションバーを作成するには：

http://www.mysupermarket.co.uk/#/shelves/top_offers_in_asda.html

を誰がどのようにナビゲーションバーを作成する方法を教えてもらえます、あなたはページを下にスクロールするときにあなたに従いますが、ページの最初の読み込みではあなたの後にはいませんか？

にアクセスすると、下にスクロールして、私が何を話しているのか理解できます。 MY SHOP、OFFERS、IDEAS &ライフスタイル、ベーカリーなどで構成されるナビゲーションバー...

私は実際に何が呼び出されたのか分かりません。少なくともそれが呼び出されたことを教えてください。そうすれば、私は検索することができます。ここで

はfixed positionスタイリングすることによって達成することができるのと同じ位置に要素を持ち、私は

window.onscroll = function(){ 
    if(getScrollTop()>140) { 
     document.getElementById("menu").style.position="fixed"; 
    } else { 
     document.getElementById("menu").style.position=""; 
    } 
} 

function getScrollTop() { 
    if (window.onscroll) { 
     // Most browsers 
     return window.pageYOffset; 
    } 

    var d = document.documentElement; 
    if (d.clientHeight) { 
     // IE in standards mode 
     return d.scrollTop; 
    } 

    // IE in quirks mode 
    return document.body.scrollTop; 
} 

Answer 1

やったソリューションです。 ナビゲーションバーを正確に同じ場所に置くには、position:fixed;で十分です。あなたがページを下にスクロールすると、あなたのナビゲーションバーには、そこから移動したい場合は、here

しかしa working exampleといくつかの詳細を見つけることができます

（少なくとも非IE6）は、ページの上部の境界線への最初の場所だあなたページのスクロールイベントを捕捉してそれに応じて<div>を移動するにはJavaScriptを実装する必要があります。

これを行う方法の例は、this questionを参照してください。

Answer 2

注：これはAndroid 2.3ブラウザでは機能しません。 position:fixedは、期待どおりに動作しません。一時的にスクロールする要素にその位置をアタッチしてから、先頭にジャンプします。

Answer 3

z-indexを特定の番号に設定して動作させたい場合は、

例 z-インデックス：100;