Frage

In einem Standort, in dem ich verwaltung bin, habe ich diesen Anschlusslink, der auf Click in einer Drop-Liste unten unterblickt, so dass der Benutzer ein Genre auswählen kann. 0unten Liste.

Die Dropdown-Liste verblasst in, der Benutzer wird nicht in das Dropdowned-Element gelangen, dann wird das Element jedoch ausgeblendet, wenn der Benutzer jedoch in das Dropdowned-Element eingeht (während Sie das Klicken verknüpft, das das Fadin auslöst)Dann sollte der Dropdown-Abfall angezeigt bleiben, bis das Dropdown-Element verlässt.

Hier ist der bisherige Code: generasacodicetagpre.

War es hilfreich?

Lösung

Die Struktur ist sehr problematisch.Warum hinzufügen Sie Zuhörer auf der Maus?

am besten, was Sie tun könnten, ist

    .
  • Setzen Sie das Fundin auf, um auf dem Mausanzeige zu erscheinen
  • Set Fadeout auf MouseFeave mit einer ~ 300-400 ms-Verzögerung mit Settimeout ()
  • Legen Sie den tatsächlichen Dropdown ein, um sich mit einem Anschlag mit einem Stopp zu verblassen (dh: STOP (TRUE, TRUE) .FADEIN (200), verwenden Sie jedoch ClearTimeout (), bevor dies im Ereignis-Handler geschieht. .
  • Legen Sie den tatsächlichen Dropdown-Download auf MouseFeave fest

    eigentlich sollten Sie vor all diesen Animationen einen STOP (TRUE, TRUE) verwenden.

    Die Logik dahinter ist, dass, wenn der Benutzer über den Dropdown schwebt, der Dropdown, der sich versucht, sich selbst zu verblassen, um das in der Schlange in Warteschlange zu stornieren (Sie fügte einen extra 200-300sec-Timer hinzu).

    Ein anderer Weg, um es zu tun, nisten die Dropdown-Innere des übergeordneten Tags, so dass Sie dadurch in der Dropdown-Marke schwenkt werden, wird es trotzdem nicht verblassen (dies funktioniert auch mit reinem CSS)

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top