WordPressテーマSANGOの質問

スクロールをなめらかにしたい

アバター
白坂隼一

サイト内で目的の記事にとばしたいときに、以下のタグを使うと思うのですが、そのときに一瞬でその記事に飛ぶのでは無く、なめらかに飛ぶようにしたいです。
いくら調べてもできないので、よければ教えてください。

<a href="#○○" rel="nofollow ugc">あああ</a>

【headタグ内にコードを挿入】にこのようなタグをコピーしましたが、できませんでした。

$(function(){
$(‘a[href^=#]’).click(function(){
var speed = 1000;
var href= $(this).attr(“href”);
var target = $(href == “#” || href == “” ? ‘html’ : href);
var position = target.offset().top;
$(“html, body”).animate({scrollTop:position}, speed, “swing”);
return false;
});
});

SANGO
質問板アーカイブ
コメントへの回答
サルワカくん
サルワカくん
2020/01/08

スムーズスクロールを実現するためには、例えばこちらの記事で紹介されているようなコードを貼り付けると良いと思います。
https://techacademy.jp/magazine/9532

貼り付ける場所は外観⇒カスタマイズ⇒詳細設定⇒headタグ内にコードを挿入欄でOKです。
ただし、HTML内にインラインでJavaScriptのコードを挿入することになるので

<script>
ここにコード
</script>

というようにscriptタグでコードを囲む必要があります。

よろしくお願いします。