ページ内リンクでスムーズスクロールを実装したい

VWSとは フォーラム Lightning ページ内リンクでスムーズスクロールを実装したい

ページ内リンクでスムーズスクロールを実装したい

  • このトピックには6件の返信、2人の参加者があり、最後にsatonakaにより5年、 11ヶ月前に更新されました。
7件の投稿を表示中 - 1 - 7件目 (全7件中)
  • 投稿者
    投稿
  • #14060

    satonaka
    参加者

    satonakaと申します。

    ページ内リンクでスムーズスクロールを実装したいと考えています。

    ネットからよくある下記のようなjsを組み込みましたが、Exunitのページトップへ戻るボタンに影響され反映されない状況です。

    何か良い方法がありましたらご指南いただけると幸いです。

    <script>
    $(function(){
    $(‘a[href^=”#”]’).click(function() {
    var speed = 400; // スクロールスピード(ミリ秒)
    var href= $(this).attr(“href”);
    var target = $(href == “#” || href == “” ? ‘html’ : href);
    var position = target.offset().top;
    $(‘body,html’).animate({scrollTop:position}, speed, ‘swing’);
    return false;
    });
    });
    </script>

    #14063

    そもそも入ってるので、何も書かなくても効くと思います。
    ただ、ヘッダが固定なので位置合わせが微妙ではありますが…

    #14064

    効きませんね…
    すみません、修正します。

    #14075

    satonaka
    参加者

    忙しい中、ご対応ありがとうございます。

    また、proになってからのモバイルメニューの使い勝手が非常に素晴らしいものとなっており感動しました。開発、大変かと思いますが応援しておりますので今後ともよろしくお願いいたします。

    #14165

    実装はしました。
    早ければ今日、遅くとも月曜日頃にはアップ予定ですので、リリースまでお待ちください。

    https://github.com/vektor-inc/VK-All-in-One-Expansion-Unit/commit/4f082e897f2c333ce7ec4986462de76b7a065bda

    #14197

    リリースしました!
    特にjsは何も追加しなくてもスルスル動くはずです。

    #14201

    satonaka
    参加者

    ありがとうございます!
    問題なく動作するようになりました。今後とも宜しくお願いいたします。

7件の投稿を表示中 - 1 - 7件目 (全7件中)
  • このトピックに返信するにはログインが必要です。