ページ内リンクをスマートにするsmoothScroll.js[to-R]
ページ内リンクをスマートにするsmoothScroll.js ページ内リンクをスムーズに行うjsライブラリ、smoothScroll.jsを作成したので公開します。 どういったものかはサンプルで確認してください。 <a href="#header">ページの先頭に戻る</a> などのページ内リンクをスムーズな移動に変更します。 これにより、エンドユーザーがページが遷移したという錯覚におちいることはありません。 設置方法は簡単です。 smoothScroll.jsをダウンロードして、設置したいページで取りこみます。 <script type="text/javascript" src="./smoothScroll.js"></script> 特定のリンクはスムーズさせない smoothScroll.jsは#（ハッシュ）付きのリンクを全てスムーズスクリプトに変換します。他のライブラリなどで#
![ページ内リンクをスマートにするsmoothScroll.js[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
Smooth.pack.js | notizbloc
ダウンロードはこちらから。 http://www.dezinerfolio.com/2007/08/08/df-javascript-smooth-scroll/ <head></head>内に <script type=”text/javascript” src=”/パス/smooth.pack.js”></script> とかく。 後は普通にアンカータグを書くだけです。とても簡単。
web-conte.com | blue | 続々・ページ内リンク（ID）にするするっと移動する
コードを少しだけ修正しました。詳しくは「fdScroller.js ちょこっと改良」を参照ください。 なかなか最終版がかたまらずすいませんが、「続・ページ内リンク（ID）にするするっと移動する」のつづきというか、それに対して「leva」さんから、「サイト内リンクをスムーズに移動するJavascript プラスワン」というトラックバック記事をもらったことを承けて。同記事では、私が「続・ページ内リンク〜」の記事で紹介したスクリプトに対し、 これには1つ大きな問題があって肝心のサイト内リンクを踏んでも、URIの後ろにフラグメントID（#xxxみたいな）が付かないんですね。 Liner Note - サイト内リンクをスムーズに移動するJavascript プラスワン という指摘がなされていて、それはまったくごもっとも、たしかに大きな欠点だった。で、つづけて同記事ではその点についての改良案を示してく
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
指定したエレメントまでスクロールさせる
Lifestyle & Business Blog - DezinerFolio
Deziner Folio» Blog Archive » df Javascript Smooth Scroll
