t-squareと固定メニューバーの透過

あけましておめでとうございます、色ピエロです。

昨日のカウントダウン時はT-squareのライブに行ってました！
t-squareライブに行くのが初めてだったのと、
ライブ自体に行くのが久しぶりだったので、
だいぶ興奮して聞いてきました！

知らない人はこちらを聞くとすぐわかるかと↓

【T-SQUARE TRUTH1991(PV)】

ちなみに私の好きなT-squareのアルバム
【spirits】

興味のある方は是非！聞いてください。



今日は
jQueryを使って固定した上部メニューバーを
スクロールに合わせて透明にするメモです

html

html5で記述してます。


css

[nav]
heightは適当な値にする。(ul liと合わせる)
position:fixed  top:0で上部固定
z-indexは重なり順を整数で指定するタグ。値が高い程上部表示される。

javascript(jQuery)

$(window).scrollTop()はスクロールの上の上部位置を取得する
cleartimeで色が透ける速度を指定します。大きい程ゆっくりに。
stop().animateにすることで途中でマウスを外すなどをすると、処理も中断される。

まだまだ勉強しなきゃ駄目ですね