2
私は自分のサイトのために、このナビゲーションバーを複製するために探しています:あなたが見ることができるように下にスクロールすると、収縮し、ナビゲーションバーには、どのようなスクリプトは、そのために使用されている下にスクロールするときに動的に縮むために使用されるコードは何ですか?
http://www.bluefountainmedia.com/
?それはこのようなものかもしれません
私は自分のサイトのために、このナビゲーションバーを複製するために探しています:あなたが見ることができるように下にスクロールすると、収縮し、ナビゲーションバーには、どのようなスクリプトは、そのために使用されている下にスクロールするときに動的に縮むために使用されるコードは何ですか?
http://www.bluefountainmedia.com/
?それはこのようなものかもしれません
:
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
}
});
はあなたスペンスありがとう、しかし、あなたは、これはと呼ばれるものを知っているのですか?だから私はスクリプト形式のcodepenまたはどこかを取得できますか? –
私はそれを「スクロールのメニューのダイナミックリサイズ」と呼んでいます。 –
チェックアウトしたいリソースは次のとおりです。http://callmenick.com/post/animated-resizing-header-on-scroll –