固定されたブートストラップナビゲーションバーの上に崩壊ロゴdivを作成する方法

Question

divを作成する必要があります。私はいくつかの試みを試みましたが、それを解読することはできません。実行中の本の完璧な例は、ここで見つけることができます：http://www.starwars.com/は

EDIT： は今働いて何かを得るために管理しますが、私は戻ってスクロールアップとして、ナビゲーションバーは、zインデックスに下の層を示す、簡単にページを下にアニメーション化それが底に達したときには表示されません。

$(window).scroll(function() { 
var scroll = $(window).scrollTop(); 
var objectSelect = $("#contentcollapse"); 
var objectPosition = objectSelect.offset().top; 
if (scroll > 400) { 
    $(".navscroll").addClass("navstick"); 
    $(".navstick").removeClass("navscroll"); 
} else { 
    $(".navstick").addClass("navscroll"); 
    $(".navscroll").removeClass("navstick"); 
} 
}); 

クラスの変更の間にアニメーションの移行のいくつかの並べ替えがあるだろう理由はありますか？ここで

Answer 1

https://codepen.io/tomdurkin/pen/nvAjd

$(document).on("scroll", function(){ 
    if 
    ($(document).scrollTop() > 100){ 
     $("header").addClass("shrink"); 
     updateSliderMargin(); 
    } 
    else 
    { 
     $("header").removeClass("shrink"); 
     updateSliderMargin(); 
    } 
}); 

あなたが質問がすでにSO上とGoogleの両方（これは私のコードが、トム・ダーキンのではありません） adressedされた何をしたいんcodepenです。