ご回答ありがとうございました。
PageFlyへ問い合わせたところ、以下のコードをPageFly内のカスタムコードに設定することで解決いたしました。
[data-transitions=true].unloading .transition-body {
animation: none !important;
}
[data-transitions=true] .transition-body {
opacity: 1 !important;
}
Topic summary
- メインメニューからトップページ内のアンカー（#main/#faq）への遷移が不安定。http://ドメイン/#mainは他ページ→トップでは動くが、トップ内では失敗。/#mainはトップ内では動くが、他ページからは失敗。
- 提案：URLの「/#」のスラッシュを外し「http://ドメイン#main」にする。ただし改善せず、PageFly（ページ作成アプリ）の影響が疑われる。
- 追加検証：通常のトップページでは「example.myshopify.com/#main」「example.myshopify.com#main」どちらも動作。PageFlyや関連要素が原因の可能性。代替としてlocation.hashを用いたJavaScriptスクロール案も提示。
- 最新更新：PageFlyへ問い合わせ、カスタムCSSの追加で解決。コードは、[data-transitions=true].unloading .transition-bodyのアニメーション無効化、[data-transitions=true] .transition-bodyの不透明度固定。
- 結果／決定：アンカーリンクが正常に機能。アプリ側設定（CSS）変更で対応完了。議論は解決済み。
1 Like