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

このトピックには6件の返信が含まれ、2人の参加者がいます。3 ヶ月、 4 週間前 satonaka さんが最後の更新を行いました。

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

    kurudrive
    参加者

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

    #14064

    kurudrive
    参加者

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

    #14075

    satonaka
    参加者

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

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

    #14165

    kurudrive
    参加者

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

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

    #14197

    kurudrive
    参加者

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

    #14201

    satonaka
    参加者

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

7件の投稿を表示中 - 1 - 7件目 (全7件中)

このトピックに返信するにはログインが必要です。