ver.3」の紹介です。追記:2013年10月26日ver.3.0.9をリリースjQueryの旧版によるXSSに対応しました。2011年5月4日デモおよびダウンロードファイルをjQuery1.6に変更しました。2011年1月31日ver.3.0.8をリリース機能を追加しました。2010年11月19日ver.3.0.7をリリースライセンスを変更しました。2010年11月17日デモおよびダウンロードファイルをjQuery1.4.4に変更しました。2010年9月19日デモおよびダウンロードファイルをjQuery1.4.2に変更しました。Chrome2)を更新しました。1.3.1を1.3.2に変更しました。他のjQueryプラグインとの実装サンプルを公開しました。1.3を1.3.1に変更しました。1.2.6から1.3に変更しました。1.2.2から1.2.6に変更しました。※1.2.2でも支障はないと思います。1.2.6でのテストページを設置しました。※問題無く動作しています。2008年1月31日ver.3.0.3をリリース2008年1月25日ver.3.0.2をリリース2007年12月26日ver.3.0.1をリリースver.3.xから、簡単にスクリプトの設置が可能になりました。外部スクリプトとして指定するだけで、HTMLページに修正を加えることなく動作させることも可能です。外部ページのリンクからスムーズにスクロールさせる方法スクリプトの概要ページの先頭や任意の要素に、スムーズにスクロールさせることができるスクリプトです。使用には「jQuery」が必要です。デモページではjquery-1.6.min.jsを使用しています。1.2.6以下対応版の開発は終了。上記のライセンスに従い、個人でも商用でも無料で利用が可能です。スクリプト内のクレジットは削除しないでください。※サイト内にクレジットを別途、明記する必要はありません。再配布の場合は同条件に限り可能です。その際は、当方のクレジットを別途明記してください。制作会社が納品物の一部とする場合は、クレジットを明らかにして納品してください。サポートとカスタマイズサポートおよびカスタマイズは有償になります。ライセンス取得済みの場合は従来の通り、サポート・カスタマイズは無償です。詳しくは、「contact」からお問い合わせください。商用利用も無料なのは3.0.7以降になります。そのため、3.0.6以下の商用利用は有償になります。更新履歴3.0.9jQueryの旧版によるXSSの問題に対処しました。>などの文字列のサニタイズ)3.0.8スピードの調整が可能になりました。動作しないエリアを指定できるようになりました。area要素を使用したイメージマップでも利用できるようになりました。3.0.8をご覧ください。3.0.7ライセンスが変わりました。3.0.7をご覧ください。3.0.6スピードの調整をしました。他のjQueryのプラグインとの最適化をしました。$j版の配布を終了しました。3.0.6をご覧ください。1.3に対応しました。3.0.5をご覧ください。3.0.4$jから「$」に変更しました。3.0.4をご覧ください。1.2.6の動作検証のためデモページを設置しました。1.2.2に対応しました。3.0.1スクロール中のマウスのクリックに対して、スクロール動作が止まるようにしました。スクロール中の別のアンカーへのクリックに対して、スクロール動作が止まるようにしました。1.2.1に対応しました。ファイル名を「page-scroller.js」から「jquery.page-scroller.js」に変更しました。実際に使用する際は、どちらのファイル名を使用しても問題ありません。1.1.3.1に対応しました。「$j」版の開発は終了しました。1.2.6対応)jQuery1.2.6以下対応版の配付は終了しました。[ad#ad-2]ページの先頭へスムーズにスクロールさせる方法ページの先頭へ減速しながらスムーズにスクロールさせる方法です。Page」をクリックすると、ページの先頭へスクロールします。Page</a>スクリプトを使用するHTMLファイルに、外部スクリプトとして参照させます。charset="utf-8"></script>※jQueryは必ず先に記述してください。ページの先頭の要素にidを記述します。id="top"></a>ページの先頭へ移動させる箇所に、下記のように記述します。Page</a>3.0.8から、area要素にも対応しました。一部のブラウザでは、「#top=ページの先頭」を拡張機能として実装していますが、本スクリプトではそれに依存していません。ページ内の任意の場所にスムーズにスクロールさせる方法ページの任意の場所へ減速しながらスムーズにスクロールさせる方法です。「h2-01に移動」をクリックすると、「h2-01」にスクロールします。href="#h2-01">h2-01に移動</a>スクリプトを使用するHTMLファイルに、外部スクリプトとして参照させます。charset="utf-8"></script>※jQueryは必ず先に記述してください。スクロールさせたい要素にidを記述します。リンク先には、同じ「id」を記述します。href="#h2-01">h2-01に移動</a>スクロール先の地点をピクセル単位で調整する方法スクロール先の地点をピクセル単位で自由に調整することができるオプションです。「h2-01に移動」をクリックすると、「h2-01」の-30pxの地点にスクロールします。href="#h2-01">h2-01に移動</a>スクリプトを使用するHTMLファイルに、外部スクリプトとして参照させます。charset="utf-8"></script>※jQueryは必ず先に記述してください。内に設定を記述します。「adjPosition」に調整したいピクセルを指定します。マイナスを指定すると、指定した場所の上にスクロールします。設定は、個別にHTMLファイル、一括にJSファイルに記述しても動作します。-30;</script>スクロールさせたい要素にidを記述します。id="h2-01">h2-01</p>リンク先には、同じ「id」を記述します。任意の場所に縦横にスムーズにスクロールさせるオプションです。「h2-01に移動」「h2-02に移動」をクリックすると、それぞれ横移動有り・無しでスクロールします。デモページ(doctype有り)デモページ(doctype無し)横移動有り。0横移動有り、左0pxに固定。adjTraverseradjTraverserの設定が無い場合は、横移動無しで垂直にスクロール。href="#h2-01">h2-01に移動</a>スクリプトを使用するHTMLファイルに、外部スクリプトとして参照させます。charset="utf-8"></script>※jQueryは必ず先に記述してください。内に設定を記述します。「adjTraverser=1」は、横移動有り。「adjTraverser=0」は、横移動有りですが左0pxに固定。「adjTraverser無し」は、クリックした地点から横移動無しで垂直に移動。設定は、個別にHTMLファイル、一括にJSファイルに記述しても動作します。1;</script>スクロールさせたい要素にidを記述します。id="h2-01">h2-01</p>リンク先には、同じ「id」を記述します。href="#h2-01">h2-01に移動</a>id="top"無しでスムーズにスクロールさせる方法id="top"の記述無しで、ページの先頭へスクロールさせるオプションです。Page」をクリックすると、ページの先頭へスクロールします。1水平位置はそのままで、ページの最上部に移動。id="top"></a>」を記述するは必要ありません。Page</a>スクリプトを使用するHTMLファイルに、外部スクリプトとして参照させます。charset="utf-8"></script>※jQueryは必ず先に記述してください。内に設定を記述します。「virtualTop=1」は、水平位置はそのままで、ページの最上部に移動。設定は、個別にHTMLファイル、一括にJSファイルに記述しても動作します。0;</script>ページの先頭に「id="top"」を記述する必要はありません。ページの先頭へ移動させる箇所に、下記のように記述します。Page</a>※「id="top"」が存在しなくても動作しますが、存在しない「#top」にリンクを設定するのはおかしいので、記述することをお勧めします。8に「id="top"」を記入デモページ(doctype有り)デモページ(doctype無し)「virtualTop」の機能は、「id」が「top」でなくても動作します。外部ページのリンクからでも、スムーズにスクロールできるオプションです。外部ページに移動後、「h2-01」にスクロールします。false;">demo-10-02.htmlに移動して、h2-01にスクロール</a>リンクの記述は、下記のようにします。false;">demo-10-02.htmlに移動して、h2-01にスクロール</a>「?pSc」の後に、idを記述します(ここでは「h2-01」)。"pSc"」を変更することで自由な文字列に変更できます。※onclickだけでなく、onkeypressなどと合わせて記述することをお勧めします。リンク先のページに、外部スクリプトとして参照させます。charset="utf-8"></script>※jQueryは必ず先に記述してください。リンク先のページのスクロールさせたい要素にidを記述します。id="h2-01">h2-01</h2>ページのロードが完了してから、スクロールが起動するまでの時間は、初期設定で「200」になっています。200」を変更することにより、時間を変更することができます。スクロールのスピードを調整する方法スクロールのスピードを調整できるオプションです。スクロールのスピードを調整スクロールのスピードを調整する方法スクロールのスピードを任意に変更することができます。※デモはスピードを速くしています。遅くする場合は数値を多く(例:1.5)してください。基準値:1動作しないエリアを設定する方法ページスクロールが動作しないエリアを設定できるオプションです。これにより、#リンクでタブを切り替えるコンテンツなどと併用することが可能です。動作しないエリアを設定する方法ページスクロールが動作しないエリアを設定できます。class="nopscr">h2-01に移動</a>(除外対象)リンクの記述は、下記のようにします。class="nopscr">h2-01に移動</a>(除外対象)a要素に「class="nopscr"」を追加します。適用箇所はa要素だけでなく、div要素に追加し内包箇所に適用することもできます。デモページでは、タブコンテンツを内包するdiv要素にも追加し、タブコンテンツ全てでページスクロールを無効化しています。※タブのコンテンツ箇所だけを有効化したい場合は、タブのみに設定してください。