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

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

2009-03-27 (金)
技術

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

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

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

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

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

Comments:0

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 Blog

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

RSS Feeds

Search

Recent Entries

このブログについて

author：hisasann.com

description：就職しました！
最近はJavaScript、Perl、Rails、Java（Struts+Spring+iBatis）なんかをいろいろといじっています。
今猛勉強中なのがActionScriptです。
アニメーション楽しい！

他に運営しているブログ：

利用しているWebサービス :

Tag cloud

カテゴリー

月別アーカイブ

jQuery Meetup

Visit jQuery Meetups

Page Top