スムーズスクロールスクロールJavaScriptjQuerysmoothscroll[jquery]animate[jquery]click[jquery]jQueryを使ってページ内を上下にスムーズにスクロールさせるボタンを設置します。こちらのボタンをクリックしてください。一般的に上から下へスクロールさせる操作は、ページ内リンクと呼ばれ、#をつけたIDを指定してリンクを貼るだけですが、見てる人にはページ内に飛んだのかがわかりにくいため、この表現がよく使われます。HTMLもそのままでスムーズな演出ができるのが使いやすいところでもあります。以下のJavaScriptを書きます。};jQueryのデフォルトの関数を使ってスクロールの位置を、アニメーションで指定しています。speedの値を変えれば、移動完了までの速度が変わります。下までスクロールhtmlはこのような感じです。href="#bottom">一番下までスクロール</a>スクロールさせたい場所にIDを振っておき、#IDでリンクをつけるだけです。上記のJSの後に、実行する記述は以下になります。//1秒で移動});});aタグからID情報をとってスクロールする仕掛けです。ここで速度変更も可能です。ちなみに下から上にスクロールする際は、よく縦に長いサイトやスマートフォンのページでよく見かけるUIでだいたい同様のjQueryが実装されています。