リンクやホバーアニメーションが動作しないときの対処法
リンクやホバーアニメーションが動作しない主な原因と解決方法は以下の通りです。
リンクの設定が外れている
別のボックスが覆いかぶさっている
全体を覆うアニメーションボックスの重ね順が他の要素よりも大きい
本記事では、チェック方法と解決方法をご紹介します。
1. リンク設定の確認
メニューなどをクリックしても別ページに移動しない場合、リンクが正しく設定されているか確認します。
確認・解決方法
エディタを開き、リンクが設定されているボックスを選択します。
画面右側のボックス設定パネルを開き、リンク設定を確認します。
リンクの設定が外れている場合は、設定してください。
2. ボックスの重なり確認
マイナスマージンを設定したボックスに別のボックスが重なることがあります。このような場合は重ね順の調整や配置を見直します。
確認・解決方法
エディタを開き、リンクが設定されているボックスを選択します。
別のボックスが被さっていないか、エディタ上で確認します。
重なっている場合は、配置を見直すか、重ね順を調整してください。
3. アニメーションボックスの重ね順調整
ローディング風アニメーション用のボックスなど、アニメーションを設定した要素の重ね順の数字が他の要素よりも大きいと、前面に表示されてしまいます。
サイトアクセス時のみ表示する要素がある場合は注意が必要です。これらの要素の重ね順を確認しましょう。
確認・解決方法
エディタを開き、全体を覆うアニメーションボックスを選択します。
重ね順が他の要素よりも大きくなっていないか確認します。
必要に応じて重ね順を変更します。 以下の画像では、重ね順が通常時(アニメーション終了時)に「-3」に設定されています。この時、他のボックスの重ね順が「-4」などの場合、アニメーションボックスが前面に重なってしまいます。重ね順の数字が他の要素よりも大きい場合は、数字を小さく調整してください。
上記の方法を試しても問題が解決しない場合は、エディタ右下の[?]からサポートチームへお問い合わせください。