アンカーリンクはSafariとChromeでは動作しますがFirefoxでは動作しません。

Question

私はウェブサイト上で作業しており、SafariとChromeでは動作しますがFirefoxでは動作しないアンカーリンクを作成しました。誰かが私を助けることができますか？

これはボタンです：

<button class="_button _button-2"><a href="#tapanwork">WORK</a></button> 

とへのリンクポイント場所です：

<a name="tapanwork"></a> 

は、私が何か間違ったことをやっていますか？

Answer 1

Firefoxでは、少なくとも私のテストでは、ボタンの動作がリンクに置き換えられているため、リンクがボタンでラップされているため、アンカーリンクが起動しなくなっています。ボタンを削除すると、Firefox内でアンカーリンクが正常に動作することがわかります。

Answer 2

"button"と"href"の両方のタグをリンクに使用する必要はありません。次のコードを使用すると、そのコードが役立ちます。

<a href="#tapanwork" class="_button _button-2">WORK</a>