07:24jQueryクリックした時するするっと動く「スムーススクロール」を紹介します。今回紹介するのは、jQueryを使ったものですので、事前にJQueryを読み込んでおいてください。・PC/SPでそれぞれ着地点を微調整したい時をそれぞれ解説します。基本の構文はこれになります。飛び先の要素がウインドウの上にピタリとくっつく感じで遷移します。解説入りコードは下です。嫌な時は上のコードを使用してください。target.offset().top;//ここで取得した値をここに代入してスムーススクロールを実行する。飛び先の要素がウインドウの上にピタリとくっつく感じでだと、追従しているheaderの下に潜ってしまったり、ぴったりすぎると見にくかったりしますね。そこでheadの高さを取得してif文で条件分岐をして飛び先ポイントの微調整をしましょう。positionから数字を引くことで移動距離を短くし、コンテンツが目線の高さに来るとこに遷移できます。進みすぎを戻すイメージですね。