2016-04-16 3 views
2

私は自分のサイトのために、このナビゲーションバーを複製するために探しています:あなたが見ることができるように下にスクロールすると、収縮し、ナビゲーションバーには、どのようなスクリプトは、そのために使用されている下にスクロールするときに動的に縮むために使用されるコードは何ですか?

http://www.bluefountainmedia.com/

?それはこのようなものかもしれません

答えて

2

jQuery(document).scroll(function() {  // Runs when page is scrolled 
    var y = jQuery(this).scrollTop();   
    if (y > 100) { 
    jQuery('nav').css('height', '80px'); // Changes after scroll distance of 100px 
    } else { 
    jQuery('nav').css('height', '200px'); // Reverts back when close to top 
    } 
}); 
+0

はあなたスペンスありがとう、しかし、あなたは、これはと呼ばれるものを知っているのですか?だから私はスクリプト形式のcodepenまたはどこかを取得できますか? –

+0

私はそれを「スクロールのメニューのダイナミックリサイズ」と呼んでいます。 –

+0

チェックアウトしたいリソースは次のとおりです。http://callmenick.com/post/animated-resizing-header-on-scroll –

関連する問題