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

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

注意点

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

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

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

  • ページ内にフェードインのアニメーションを使用しているとページ内リンクのスクロール位置がズレます。これは共通ナビでも発生する仕様ですのでご注意ください。

  • メニューリストを作成する際にプレーンテキストをコピペした場合、作成後のメニューリストの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階層