Wixエディタで作ったサイトをEditorXで編集できるように移行しました。
ヘッダーを固定&ページ内にアンカーメニューを設置しているページがあるのですが、
EditorXにしてから、このアンカーメニューがクリックしたアンカーの位置で止まってくれません。止まって欲しい位置より下でスクロールが止まります。
この件はサポートには連絡済みで、回答としては「ヘッダーを固定しているとそういう挙動になる」との回答でした。
(クリックしたセクションが画面の一番上までスクロールされ、結果的にヘッダーの下に表示されてしまい隠れてしまう、ということらしいです)
Wixエディタの時は、ヘッダーを固定していてもそういうことは起きてなかったので、ここはEditorXの場合でも同じようになって欲しいなと思います。
Editor X 研究家の生明です。
疑問とご要望に答えましょう。
まず、Editor Xのページ内アンカーリンクのスクロール移動は、とても正確に機能します。
たとえ、ヘッダー要素がピン留めであっても、正確に移動します。
多分に、「アンカーを追加」している要素が、意図したものではない状態ではないでしょうか。
テスト的サンプルを用意しました。
https://azmdesign.editorx.io/sample-anchors
キービジュアルの下の肌色の背景の要素は親要素の「section」に、その次の薄緑色の背景の要素は小要素の「container」に、それぞれアンカーを追加しました。
いかがでしょうか。
Editor Xのアンカーリンクは正確に機能するがゆえに、アンカー先の最上部がピタリとブラウザの表示部の最上部に位置しています。
つきましては、今一度、アンカーが設定されている要素を確認してみてください。
あともう一つ。
とても初歩的な問題なのですが、ページ内アンカーリンクで移動する際、最下部の方になると、ページそのものの高さが足りなくて、途中で止まったようになってしまうことがあります。
そこで、上記のサンプルでは、下部のフッターの上に、高さ稼ぎの要素を設置しています。
以上、参考まで。
生明義秀