擬似ナビ(1段)
〜共通パーツ編集方法〜

2025年6月新リッチテキスト追加に伴い注意事項が追加されています。実装前に確認をお願いします(2025/07/02)

注意点

  • 共通パーツ内のリッチテキストは時々意図しない挙動になり崩れる恐れがあるので注意してください。
    ※半角スペースが入っていると崩れたりなど
    ※コピーだと余計なタグを持ってくることがあるので手入力推奨
     
  • 第二階層の数について制限はありませんが、閲覧者のモニターの高さによっては見切れる可能性があります。個数的にははっきり言えませんが、10個以上はおすすめはしません
     

  • 擬似ナビ設置ページでメンビジを使用する際は、擬似ナビとメンビジの表示位置が公開画面と逆になりますのでご注意ください。
     

  • カスタムCSSに「scroll-behavior: smooth;」が適用されているか必ず確認して下さい。こちらのスタイルが当たっていないとスムーズスクロールが効きません
     

  • テキストパーツのHTMLモードを使用した文言の編集・修正はしないでください。コードの確認、不要なインラインスタイルを削除する、入り込んでしまった不要なデータコードをHTMLモードで削除することは可能です。
     

  • メニューリストを作成する際にプレーンテキストをコピペした場合、作成後のメニューリストのHTML構造が「ul > li > div > aになっていることを確認してください。li > p > aの構造になっていた場合、リスト化を解除した上でもう一度リスト化し li > div > aに構造が変更されていることを確認してください。 JSがうまくあたらない場合、divが生成されていない可能性があります。(詳しくは設定方法をご覧ください)

▼例

  • 第1階層

    • 第2階層

    • 第2階層

    • 第2階層

      • 第3階層

      • 第3階層

      • 第3階層

  • 第1階層

  • 第1階層

    • 第2階層

旧リッチテキストパーツ

▼例

  • 第1階層
    • 第2階層
    • 第2階層
    • 第2階層
      • 第3階層
      • 第3階層
      • 第3階層
         
  • 第1階層
  • 第1階層
    • 第2階層