ページを表示したときと、スクロールを開始した場合で表示スタイルを変更する方法です。 トップのビジュアルの印象をより強めたいときなどに役立ちます。 表示サンプル Javascript 今回はBootstrapのクラスを利用して表示しているので、Bootstrapも読み込みます。 <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="bootstrap.js"></script> $(document).scroll(function() { var scroll = $(window).scrollTop(); if (scroll >= 1) { $("#head
![jQueryでスクロール後の固定ヘッダーのスタイルを変更する | Hack](https://cdn-ak-scissors.b.st-hatena.com/image/square/0c4eb317df94471d281467b73d160f3f0f481f5b/height=288;version=1;width=512/http%3A%2F%2Faws.aipo.com%2Fcommon%2Fsource%2Fimg%2Fog_image.png)