使うjQueryわずか6行で実装できるjQueryを使ったスクリプトです。今回のスクリプトはボタンをクリックしてページ内の任意の箇所へスクロールする機能です。いくつかプラグインがありますが数行で実装できる機能なので、個人的にはわざわざプラグインを利用する必要がないかと思います(ページ読み込み時にリクエストも増えるし)。ついでにページのトップへスクロールする方法(こちらは4行)も記載します。false;});});サンプルダウンロード解説まずはページ内のスクロール処理です。class「btn_sample」をクリックした際に、クリックした番号(index)を取得し変数「i」に格納します。ちなみにindexは0から始まる番号になります。該当する要素がない場合は「-1」を返します。$(".btn_sample").index(this)続いて変数「i」に格納した番号と同じ番号のclass「content」の「top」の位置(絶対位置)を取得します。2つ目のclass「btn_sample」をクリックしていたら、2つ目のclass「content」の「top」の位置を取得します。取得した「top」の位置は変数「p」に格納します。$(".content").eq(i).offset().top;最後はanimateを使って変数「p」で取得した「top」の位置までスクロールします。ちなみに第二因数の「fast」の値は任意で変更して下さい。false;ページの上部へスクロールして戻る処理ですが、こちらはよりシンプルです。位置情報を渡す必要はない(ページのトップなので位置は0)ので、scrollTopの値を「0」にすればOKです。PMご返信遅くなりました。当サイトへ記載しているソースコードは基本的に自由に改変し、商用利用も問題ありません。強要はいたしませんが、当サイトへのリンクを貼っていただけると幸いです。コメントをキャンセルメールアドレスが公開されることはありません。