これが私が使うものです:
<!-- jquery smooth scroll to id's -->
<script>
$(function() {
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 500);
return false;
}
}
});
});
</script>
これの利点は、ハッシュリンクと対応するIDを無制限に使用できることです。それぞれに新しいスクリプトを実行する必要はありません。
WordPressを使用している場合は、テーマのfooter.php
ファイルのbody終了タグの直前にコードを挿入します</body>
。
テーマファイルにアクセスできない場合は、コードを投稿/ページエディター(テキストモードで投稿を編集する必要があります)内に埋め込むか、すべてのページに読み込まれるテキストウィジェットに埋め込むことができます。
他のCMSまたはHTMLのみを使用している場合は、すべてのページに読み込まれるセクションのbodyの終了タグの直前にコードを挿入できます</body>
。
これに関する詳細が必要な場合は、こちらのクイックポストをチェックしてください:jQuery smooth id to id
お役に立てれば幸いです。質問がある場合はお知らせください。