jQueryでスクロールすると上部に固定されるナビゲーション グローバルナビゲーションはロゴの下に配置されていることが多いですが、スクロールするとナビゲーション部分だけが上部に固定されるようなものをjQueryでやってみたいと思います。 投稿日2012年02月21日 更新日2012年05月10日 html & css htmlです。 html <h1><a href="#">タイトル</a></h1> <div class="nav"> <ul class="clearfix"> <li><a href="#">HOME</a></li> <li><a href="#">ABOUT</a></li> <li><a href="#">NEWS</a></li> <li><a href="#">LINK</a></li> </ul> <!-- /#nav --></div> <div id="

A couple of months ago, I created a jQuery Vertical Parallax Demo that manipulated CSS to make multiple backgrounds move at different speeds relative to the users movement of the scroll bar. This type of effect is slowly appearing across various websites on the web, achieved using many different techniques. Nikebetterworld took the idea to a new level. In today’s tutorial, we’re going to take the

あちこちで紹介されているので今更感たっぷりなのですが（汗）、google mapをサイトのページに埋め込む方法です。google側で簡単な方法が用意されています。ただ、埋め込み時に少々困ったこともあったので解決法も交えて紹介します。 ※キャプチャ画像は執筆時（2012/04/19）時点のものです。 2014年3月にGoogle Maps Embed API が新しくなりましたが、旧マップの表示に戻す事でこの記事で紹介した方法でも埋め込むことが出来ます。 旧マップの表示に戻すには表示されたマップの右下の ? アイコンをクリックすると吹き出しが表示されます。その下の「以前のマップに戻る」をクリックするとフィードバックを促す内容に変わりますが、その下の「以前のgoogle mapに戻る」をクリックすることで旧マップの表示に変わります。(2014.05.22追記) マップの埋め込み。 問題その1：