Home > 技術 > jQueryでサイト内リンクを使ってSmoothなScrollをする方法

jQueryでサイト内リンクを使ってSmoothなScrollをする方法

追記(2009/03/30):
hashがない場合にreturnするように修正。
これがないと<a href="#">とかの場合にスクリプトエラーになるため。

サイト内リンクでアンカータグにhref="#hoge"なんて指定している場合に使えそうなscroller

これで自動でアンカータグをクリックするとアニメーションしながら目的値のところまでスクロールしてくれる。

^は初めの文字が#だった場合という意味なので、*にしてもよいかも。
もしhref="http://hoge.com/#hoge"とかの場合にはこの方法が有効。

こんなもんでいいのかな?
なんかさらにもっと簡単な方法がありそうだけど。

Trackback:0

TrackBack URL for this entry
http://hisasann.com/cgi-bin/mt/mt-tb.cgi/1167
Listed below are links to weblogs that reference
jQueryでサイト内リンクを使ってSmoothなScrollをする方法 from HouseTect, JavaScriptな情報をあなたに

Home > 技術 > jQueryでサイト内リンクを使ってSmoothなScrollをする方法

Tag cloud
月別アーカイブ
Powered by
Powered by
Movable Type Commercial 4.261

Page Top