Blog スタッフブログ

[WORDPRESS] ページ内リンク移動時にスムーズなスクロールにする方法

こんにちは、WEB開発の米田です。

今回はページ内リンク時での移動時にスムーズなスクロールにする方法を紹介します。

jsファイルににこちらを記載してください。

  $(document).ready(function() {
        $(".scroll").click(function(){
            $('html,body').animate({ scrollTop: ($($(this).attr("href")).offset().top) });
            return false;
        });
    });

jsに記載後にリンクを記載する箇所に

<a href="contact" class=""scroll">
お問い合わせ
</a>

classにscrollを付与すると、スムーズなスクロールのページ内リンクができます！

戻る一覧へ戻る