• コミュニティ

  ハンバーガーメニューがスマホで正常に動かない

  トピックス by widget初心者 1792 pt  2023年9月5日 15:00 587 PV

  【Widget名】

  追従型ハンバーガーメニュー※要javascript(見出し)

  【修正したいこと】

  ハンバーガーメニューを実装しています。

  PCのプレビュー画面で確認すると正常にリンク先に飛ぶのですが、スマホ実機で確認すると正常に動かなくなってしまいます。原因を教えていただけますでしょうか。

  widgetマスター   1 年, 2 月前 2 人 · 1 コメント

  • widget
  • 見出し
  • 追従型ハンバーガーメニュー※要javascript(見出し)
• 1 コメント

• 

  widgetマスター

  モデレータ

  2023年9月5日 17:16

  おそらくスマホ表示時にスムーススクロールプラグインが読み込まれない問題かと思いますので、JavaScript bodyに下記コードを追加してみてください。

  <script>
    if(typeof (SmoothScroll) == 'undefined'){
      let tag = document.createElement('script');
      tag.src = "https://production.static.squadbeyond.com/smooth-scroll/16.1.3/smooth-scroll.min.js";
      let firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
    }
  </script>

Log In to Reply