メインコンテンツにスキップ
すべてのコレクションよくある質問エディタ(デザイン)
リンクやホバーアニメーションが動作しないので、修正方法を知りたいです。
リンクやホバーアニメーションが動作しないので、修正方法を知りたいです。

リンクやホバーアニメーションが動作しない場合のチェック項目と解決方法をご紹介します。

Saika avatar
対応者:Saika
今週アップデートされました

リンクやホバーアニメーションが動作しないときの対処法

リンクやホバーアニメーションが動作しない主な原因と解決方法は以下の通りです。

  1. リンクの設定が外れている

  2. 別のボックスが覆いかぶさっている

  3. 全体を覆うアニメーションボックスの重ね順が他の要素よりも大きい

本記事では、チェック方法と解決方法をご紹介します。

1. リンク設定の確認

メニューなどをクリックしても別ページに移動しない場合、リンクが正しく設定されているか確認します。

確認・解決方法

  1. エディタを開き、リンクが設定されているボックスを選択します。

  2. 画面右側のボックス設定パネルを開き、リンク設定を確認します。

  3. リンクの設定が外れている場合は、設定してください。

2. ボックスの重なり確認

マイナスマージンを設定したボックスに別のボックスが重なることがあります。このような場合は重ね順の調整や配置を見直します。

スクリーンショット:ボックスの重なりを確認する様子。

確認・解決方法

  1. エディタを開き、リンクが設定されているボックスを選択します。

  2. 別のボックスが被さっていないか、エディタ上で確認します。

  3. 重なっている場合は、配置を見直すか、重ね順を調整してください。

3. アニメーションボックスの重ね順調整

ローディング風アニメーション用のボックスなど、アニメーションを設定した要素の重ね順の数字が他の要素よりも大きいと、前面に表示されてしまいます。

サイトアクセス時のみ表示する要素がある場合は注意が必要です。これらの要素の重ね順を確認しましょう。

確認・解決方法

  1. エディタを開き、全体を覆うアニメーションボックスを選択します。

  2. 重ね順が他の要素よりも大きくなっていないか確認します。

  3. 必要に応じて重ね順を変更します。 以下の画像では、重ね順が通常時(アニメーション終了時)に「-3」に設定されています。この時、他のボックスの重ね順が「-4」などの場合、アニメーションボックスが前面に重なってしまいます。重ね順の数字が他の要素よりも大きい場合は、数字を小さく調整してください。


上記の方法を試しても問題が解決しない場合は、エディタ右下の[?]からサポートチームへお問い合わせください。

こちらの回答で解決しましたか?