サイト開発でよく使われるぬるぬるスクロール。 毎回ググルのがだるかったので、備忘録的にまとめていきます。 ぬるぬるスクロールのHTMLソース <a href="#scroll">ジャンプ先</a> リンク先に#をつけるだけです。 とてもシンプル。 ぬるぬるスクロールのJavascript フッターで以下のスクリプトを読み込みます。 <!-- まずはjQueryの読み込み --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript"> $(function(){ $('a[href^=#]').click(function(){ var speed = 1000;
![【jQuery】かんたんに『ぬるぬるスクロール』を実装する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/75f91c7ee2705c52056ea8ee7c6070a949352133/height=288;version=1;width=512/https%3A%2F%2Fmanablog.org%2Fwp-content%2Fuploads%2F2014%2F07%2Fmedium_1814156778.jpg)