position:fixedでヘッダ固定時のページ内リンクのずれを解消したい ｜ Tips Note by TAM
position:fixedを使ってヘッダを固定した場合 ページ内リンクの位置がヘッダの高さ分ずれてしまいます。 ヘッダを固定する案件が増えてきましたので覚書です。 CSSで調整する方法と、JavaScriptで調整する方法があります。 ヘッダの高さ：100px ■HTML <div id="header"> ヘッダーがはいります </div> <div id="content"> <a href="#link01">なんとか</a> <div name="link01" id="link01">かんとか</div> </div> CSSで調整する padding-topでヘッダの高さ分ずらして、margin-topでマイナスの値をいれるとうまくいきます。 margin-top:-100px; padding-top:100px; ■CSS #header { width: 100%; m
jQueryを使ってメニューを装飾：LavaLamp menuを使ったメニューを作ってみる
同じ会社のYさんが、動くメニューが作りたいということで、 JavaScriptでアニメーションするようなメニューを探していた。 そしてYさんが「Fancy menu」というのを見つけていた。 Mootoolsのライブラリを使って動作するものらしい。 MootoolsではなくてjQueryのプラグインで無いかなって探したところ、 「LavaLamp menu」というプラグインを発見。 いろいろなところで利用できそうなので、試しに使ってみた。 ※現在IEだとうまく動作しない様子。 CSSの設定がうまくいっていないのもあるので後ほど調節予定。 ※追記（8/22） IE7ではうまく動作するようです。 IE6ではここのブログ上ではうまく動作しない現状です。 ※追記 全体的にうまく動作していないので後で修正します。 今はまだスムーズに動いてくれないようです。 ※追記（8/22） Fx,Opera,Sa
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
