Schaltflächen auf Mobilgeräten bleiben fokussiert oder aktiv, was zu Problemen mit CSS-Animationen führt

Ich versuche, jedes Mal, wenn ich auf eine Schaltfläche klicke, eine Animation zu erzielen. Auf dem Desktop funktioniert das gut, aber auf Mobilgeräten kann ich nicht den gleichen Effekt erzielen. Ich muss zuerst auf die Schaltfläche klicken, dann auf eine andere Stelle klicken, um das CSS zu defoku...

P粉043295337 2023-08-28 15:14:37 0  1  513

javascript - Wie erreicht man einen reibungslosen Wechsel zwischen Popup-Fenstern in JS?

Wenn Sie beispielsweise auf eine Seite klicken, wird ein Popup-Fenster angezeigt. Der Inhalt des Popup-Fensters enthält eine Schaltfläche, und durch Klicken wird ein Dialogfeld angezeigt Pop-up-Effekt, aber ein fließender Übergang.

世界只因有你 2017-05-18 10:56:53 0  7  660

javascript - Gibt es eine gute Lösung zum Ein- und Ausblenden von Animationen?

Beispiel: Es hat den gleichen Effekt wie diese Animation. Nach dem Klicken auf die Schaltfläche wird es angezeigt und hat die gleichen Animationseffekte. Aber ich habe es definitiv zu kompliziert geschrieben. Gibt es eine einfachere Lösung (keine Notwendigkeit für Bibliotheken von Drittanbietern)?

阿神 2017-06-30 09:59:55 0  5  1038

Komponenten auf der Seite „Neuer Router' werden erst geladen, nachdem die gesamte Seite manuell aktualisiert wurde

Ich habe eine neue Route hinzugefügt und eine Animation zum Übergang zur neuen Route hinzugefügt. Ich habe den folgenden Code hinzugefügt, der die neue Route (/first) pusht, wenn auf die Schaltfläche geklickt wird: /*FromtheTemplate*/<router-view@clickedNext1="onClickTransition"v-slot=&...

P粉986937457 2024-03-29 12:20:42 0  1  400

javascript - Wie erstelle ich Übergangseffekte mit js?

Ich bin mit js nicht sehr vertraut, also möchte ich Sie fragen: Wenn ich js verwende, um auf eine Schaltfläche zu klicken, und das Div dann nach 5 Sekunden auf 500 Pixel auf der rechten Seite wechselt, was ist die Idee, diesen Effekt zu erzeugen? Sollte ich zuerst eine Klasse schreiben, um alle dies...

滿天的星座 2017-06-26 10:54:58 0  6  956

Ist es möglich, einen fließenden Übergang von einfarbig gezeichnetem Text zu einem animierten Farbverlauf zu erreichen?

Auf der Seite befindet sich weißer Text und darunter eine Schaltfläche. Zusätzlich werden animierte Farbverläufe angewendet, um den Text zu füllen. Wenn Sie auf die Schaltfläche klicken, wird die Eigenschaft -webkit-text-fill-color transparent, wodurch sich die Textfarbe plötzlich an den Farbverlauf...

P粉762447363 2023-09-16 09:22:05 0  1  806

Gibt es eine Möglichkeit, bei Verwendung des Scrollrads eine reibungslose Scroll-Animation zu erzielen?

Ich versuche, dafür zu sorgen, dass sich die Seite beim Scrollen reibungslos bewegt und nicht so „ruckartig“, wie es bei Verwendung des Scrollrads der Fall ist. Die meisten Quellen, die ich in diesem Zusammenhang gesehen habe, beinhalten sanftes Scrollen beim Klicken auf eine Schaltfläche oder einen...

P粉118698740 2023-08-16 16:40:27 0  1  598

javascript - Wie kann ich die Position des Canvas-Tags in h5 so anpassen, dass sie nach dem Ausblenden und erneuten Anzeigen unterschiedlich ist?

Ich habe das von js dynamisch hinzugefügte Canvas-Tag verwendet, um einige Linien zu zeichnen, und die absolute Positionierung an einer bestimmten Position verwendet. Es wird standardmäßig angezeigt, aber das Produkt erfordert, dass es ausgeblendet werden kann, also habe ich eine Schaltfläche erstel...

巴扎黑 2017-05-24 11:37:35 0  1  1002

Möglichkeiten zur Behebung des Problems 2003 (HY000): Verbindung zum MySQL-Server „db_mysql:3306' nicht möglich (111)

Ich habe kürzlich versucht, meinen FastAPIPython-Server zu containerisieren (auch für die Replikation/Verdoppelung). Vorher hatte ich nur einen MySQL-Server in einem Docker-Container und alles war in Ordnung, aber als ich meinen Webserver auch zu einem Dienst machte, konnte er keine Verbindung zum M...

P粉178132828 2023-09-05 11:18:47 0  1  773

Experimentieren Sie mit der Sortierung nach Abfragelimit

Das ist also meine erste Frage hier. Bitte verzeihen Sie mir, wenn etwas nicht stimmt. Ich versuche, eine Sortierabfrage basierend auf Einschränkungen durchzuführen. Es gibt also eine Kundentabelle mit 90 Datensätzen. Ich möchte zunächst eine auf 3 Datensätze beschränkte Abfrage durchführen und dann...

P粉237125700 2023-09-05 14:46:42 0  1  703

CSS-Raster: Erstellen Sie eine neue Zeile, wenn der untergeordnete Inhalt die Spaltenbreite überschreitet

Ich habe ein zweispaltiges Layout basierend auf einem CSS-Raster. Wenn der Inhalt der zweiten Spalte 1fr überschreitet, möchte ich eine neue Zeile erstellen. So wie es derzeit aussieht, läuft der Inhalt einfach über die Spalte hinaus. Eine Voraussetzung für dieses Layout ist, dass sich die Elemente ...

P粉212114661 2023-09-05 15:18:28 0  1  594

PHP-Volltextsuchfunktion mit den Operatoren AND, OR und NOT

Frage für Anfänger: Ich versuche, eine Volltextsuche für eine Suchzeichenfolge mithilfe von PHP und Eloquent zu implementieren. $searchstring="+(victimsuspect)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  552

Der kürzeste Weg, alle PHP-Typen in Strings umzuwandeln

Ich schreibe ein allgemeines System, von dem ich hoffe, dass es eines Tages auf Bereiche wie die Medizin angewendet werden kann (d. h. es ist „wissenschaftlich“). Ich denke, der beste Weg ist, alle Daten in PHP mit Strings darzustellen (true wird „true“, false wird „false“ sein und so weiter). Der G...

P粉369196603 2023-09-05 15:34:44 0  1  981

So erhalten Sie den Durchschnitt der DATETIME-Spalte in MySQL beim Gruppieren nach anderen Spalten

Ich erstelle und fülle eine MySQL-Tabelle mit der folgenden Abfrage: SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1",2023-01 -0310:

P粉460377540 2023-09-05 11:46:21 0  1  495

Synchronisierung mehrerer Geräte (Mobiltelefone) – React Native

Ich versuche, eine Lightshow zu erstellen, die auf den Mobilgeräten aller Benutzer gleichzeitig startet (kann bis zu 2000–3000 Benutzer haben). Alle Benutzer nutzen das Internet (WLAN oder mobile Daten). In unserem FE verwenden wir Apollo für Abonnements und es funktioniert hervorragend. Das Problem...

P粉151466081 2023-09-05 11:58:38 0  1  684

Pik, Karo, Herz, Kreuz => Stile ändern die Schriftfarbe in Chrome für Android nicht

In Google Chrome unter Windows werden die Symbole der Kartenfarbe (Pik, Herz, Karo, Kreuz) mithilfe des Attributs „style“ korrekt gefärbt. Leider werden auf derselben Seite, die in Google Chrome auf Android angezeigt wird, nicht die von mir definierten Farben angezeigt, sondern die Standardfarben Sc...

P粉896751037 2023-09-05 15:25:13 0  1  746

Wie verstecke ich mein TextField-Label?

Ich entwickle eine Nextjs-App und habe eine mit Mui erstellte Dashboard-Navigationsleiste, die eine Benachrichtigung enthält, die das Benachrichtigungsfeld öffnet, das mit normalem HTML und CSS erstellt wurde. Dashboard-navbar.js: importNotificationBoxfrom"./notification-box/notification-box&qu...

P粉239164234 2023-09-05 15:41:00 0  1  663

Benutzerdefiniertes Bootstrap 5-Karussell auf Mobilgeräten (mehrere Elemente, aber nicht in einer Reihe)

Ich habe Probleme beim Anpassen des Karussell-Layouts auf Mobilgeräten. Ich möchte, dass auf Mobilgeräten jedes Element des Karussells angezeigt wird und nicht nur eines, aber nachdem ich es mit etwas CSS und JS versucht habe, insbesondere mit displayfloat oder max-witdh, fange ich an zu glauben, da...

P粉763662390 2023-09-05 11:53:56 0  1  584