Das Klicken auf die Schaltfläche in meiner React-Demo reagiert nicht
P粉899950720
P粉899950720 2023-08-14 10:26:58
0
1
648
<p>Warum erfolgt nach dem Klicken auf die Schaltfläche keine Reaktion? </p> <p>Mein Beispielcode: https://codesandbox.io/s/gallant-knuth-kwf55c</p> <p>Ich habe meinen Code überprüft und das Problem nicht gefunden. Bitte helfen Sie mir, es zu lösen. </p>
P粉899950720
P粉899950720

Antworte allen(1)
P粉957723124

原因是,由于所有元素都使用position:absolute设置,内容div与页眉重叠。

这导致交互时隐藏了页眉。所以当我们点击时,实际上是在内容上触发了点击事件,而不是按钮(请参见下文)。

我们可以采取以下几种方法:

  • 要么从DIV中移除position:absolute
  • 使用CSS 视口单位 / calc函数计算内容的高度,以避免与页脚重叠
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage