Reaktive modale Gleitanimation

Ich habe ein Modal in React und CSS implementiert und derzeit, wenn ich es öffne, habe ich eine Slide-Up-Animation implementiert, bei der das Modal von unten nach oben gleitet, aber wenn ich es schließe, möchte ich, dass es nach unten geht. Swipe, ich kann nicht herausfinden, wie Kann jemand helfen,...

P粉514458863 2023-08-30 22:49:29 0  1  571

Erfahren Sie, wie Sie ein „modales' Fenster öffnen

Wie öffne ich ein „modales Fenster“ mit Informationen zum Produkt, wenn ich auf die Karte klicke? <divclass="card"><divclass="imgBox"><imgsrc="./img/bau.png"alt="Produkt" class="mouse"></div>&l

P粉277464743 2023-09-09 21:27:12 0  1  476

Der Titel „Scrollen zum Anfang des Flex-Elements im Überlaufcontainer nicht möglich' wird wie folgt umgeschrieben: „Scrollen zum Anfang des Flex-Elements im Überlaufcontainer nicht möglich.'

Beim Versuch, mit Flexbox ein nützliches Modal zu erstellen, bin ich auf ein scheinbares Browserproblem gestoßen und habe mich gefragt, ob es eine bekannte Lösung oder Problemumgehung gibt – oder Ideen, wie man das Problem beheben kann. Das Problem, das ich zu lösen versuche, hat zwei Aspekte. Erste...

P粉854119263 2023-08-22 14:58:06 0  2  496

javascript - Über modales Fenster: Schließen Sie das aktuelle Fenster und aktualisieren Sie das vorherige Fenster

1. Klicken Sie in einem Popup-Fenster (Modal) auf „Daten hinzufügen“, um ein zweites Fenster (Modal) zu öffnen. Nachdem die Daten im zweiten Fenster (Modal) erstellt und gespeichert wurden, werden die Daten aktualisiert Der Code lautet wie folgt: Klicken Sie zum Hinzufügen. Der Code zum Öffnen des z...

迷茫 2017-05-19 10:16:47 0  2  605

vim - Wie öffne ich versteckte Fenster?

vim test.htmlvsplit test.csssplit test.js Drei Fenster werden angezeigt. Bewegen Sie den Cursor nach links unten und geben Sie den Befehl :hide ein, sodass links und rechts nur noch zwei Fenster vorhanden sind. Egal wie viele Fenster es gibt, die test.html auf der rechten Seite bleibt unverändert. I...

阿神 2017-06-19 09:07:54 0  1  2025

Wie kann ich diese Animationsklasse zu einem Modal hinzufügen, wenn auf eine Schaltfläche geklickt wird?

Ich möchte, dass die Animation ausgeführt wird, wenn ich auf dem Modal auf die Schaltfläche „x“ klicke, aber was derzeit passiert, ist, dass das Modal ohne sie geschlossen wird und wenn ich das Modal dann erneut öffne, geschieht die Animation, ohne dass auf etwas geklickt wird. Dies ist mein aktuell...

P粉064448449 2024-03-30 22:05:19 0  1  465

html5 - Wie kann das Problem des Seitenzitterns gelöst werden, das durch das Öffnen eines modalen Fensters durch den Bootstrap verursacht wird?

Ich habe das Problem nicht durch Verweis auf die Methoden im Internet gelöst. Ich frage mich, ob jemand eine Methode hat, um das Problem des Seitenjitters zu lösen {Code...}.

阿神 2017-06-24 09:43:55 0  2  980

javascript - Angular-UI-Bootstrap-Modell So passen Sie die Position der Modalbox an

Das von Angular bereitgestellte Modalfeld der UI-Komponente UI-Bootstrap wird im Projekt verwendet, aber die Position, die es nach dem Auslösen im gesamten Fenster anzeigt, liegt etwas oberhalb der Mitte und zu nahe am oberen Rand in der Mitte des Fensters horizontal und vertikal. Wissen Sie, welche...

怪我咯 2017-06-26 10:54:53 0  1  826

Javascript – Kapselungsanweisung für Winkelmodelle

Die Anforderung lautet: Klicken Sie auf eine Schaltfläche, und auf der Seite wird ein modales Feld angezeigt. In diesem Fenster befindet sich ein Auswahlfeld. Klicken Sie nach der Auswahl auf die Schaltfläche „Bestätigen“ oder klicken Sie direkt auf die Schaltfläche „Abbrechen“. Modalbox. Hat jemand...

女神的闺蜜爱上我 2017-06-12 09:30:28 0  1  702

CSS-Center-Popup auf dem Bildschirm, funktioniert auf Computern und Tablets, aber nicht auf Telefonen

Versuchen Sie, mithilfe von CSS ein Hilfe-Popup in der Mitte des Bildschirms anzuzeigen. Auf meinem Computer und meinem iPad funktioniert es einwandfrei, aber auf dem iPhone ist das Popup vertikal zentriert innerhalb des gesamten scrollbaren vertikalen Raums, was bedeutet, dass ich manchmal nach obe...

P粉662802882 2024-03-28 20:02:46 0  1  380

Wie ändert Vim automatisch die Größe des NertTree-Fensters?

Manchmal müssen wir die Größe des VIM-Terminals ändern, um Webseiten oder andere Dinge anzuzeigen. Derzeit kann die Größe des NerdTree nicht zusammen mit dem Hauptfenster verschoben und verkleinert werden. Wie man es so einrichtet, dass es dieser Bewegung folgend schmaler wird. Oder wie man dynamisc...

大家讲道理 2017-05-16 16:34:39 0  1  676

Wie ändere ich die Größe eines HTML-Containers dynamisch?

Ich habe ein Container-Div, das einen Hintergrund darstellt, dessen Größe sich dynamisch mit dem Fenster ändert. In diesem Container habe ich ein Bild-Div und möchte seine Größe mithilfe des Hintergrundcontainers ändern. Selbst wenn ich prozentuale Höhe und Breite verwende, kann ich die Größe schein...

P粉418214279 2024-04-03 20:38:38 0  1  405

Reaktionswarnung: Die Aktualisierungstiefe hat den maximalen Grenzwert überschritten, als der Status in useEffect aktualisiert wurde

Ich versuche, meine Statusvariable zu aktualisieren, bei der es sich um ein Objekt handelt, das eine boolesche Variable enthält. Sobald die Daten verfügbar sind (als Reaktion auf einen API-Aufruf, der durch Klicken auf die Schaltfläche aufgerufen wird), aktualisiere ich meinen Status in useEffect. D...

P粉447785031 2023-09-06 13:46:55 0  1  567

restful – Wie erkennt Nginx, dass es sich bei der Anfrage um eine dynamische Anfrage ohne .php-Übereinstimmung handelt?

Jetzt verbergen viele RESTful-Frameworks oder Frameworks, die den Pathinfo-Routing-Modus unterstützen, den Eintragsdateiindex.* in der URL. Wie kann Nginx in diesem Fall so konfiguriert werden, dass festgestellt werden kann, ob es sich bei der Anforderung um eine dynamische Anforderung handelt, die ...

黄舟 2017-05-16 17:26:50 0  2  873

Preloader-Fenster für Zahlenzähler-Animation beim Laden von Javascript-HTML-CSS

Ich möchte auf meiner Portfolio-Website eine Zahlenzähler-Animation erstellen. Ich habe auf meiner alten Website einen JQuery-Code, der beim vollständigen Laden vom Preloader zur Website wechselt. <script>$(window).on('load',()=>{$('#preloader').fadeOut(1800,function(){$(this).remove();});}...

P粉523625080 2023-09-11 22:37:54 0  1  664

Spieleentwicklung – Wie versteht man Animation (Modell) in MVC?

In MVC werden die Daten im Modell gespeichert und die Ansicht entsprechend den Daten des Modells gerendert. Dies ist eine große Idee. Für die Animation werden jedoch einige Zustände während des Verlaufsprozesses generiert, und diese Zustände gehören nicht dazu In gewissem Maße zum Modell. Wie löst d...

巴扎黑 2017-05-16 17:06:27 0  1  449

Die Eigenschaft von Null kann nicht gelesen werden (‚Konvertierung' lesen). Was bedeutet das?

Ich habe ein Diagramm mit dynamischen Daten von Axios über die Chartjs-Bibliothek erstellt. Aber wenn ich die Browser-Diagramme aktualisiere, ist zunächst nichts wie folgt verfügbar: Wenn ich die Größe des Browserfensters ändere, zeigen alle Diagramme: Fehler von der Konsole: UncaughtTypeError: Cann...

P粉207483087 2024-01-10 16:36:20 0  1  471

Wie kann verhindert werden, dass die konvertierten Elemente durch Überlauf automatisch abgeschnitten werden?

Ich verwende Bootstrap4, um eine modale Galerie für die persönliche Website eines Freundes zu erstellen. Ich habe es so eingerichtet, dass die Bilder beim Schweben erweitert werden. Wenn ich den Überlauf jedoch auf „Auto“ stelle, werden sie am Rand des Modals (oder Div) abgeschnitten. Die Galerie is...

P粉242535777 2023-09-07 20:04:02 0  1  584

Wie drucke ich ein Fenster in JSRuntime, um alle Datensätze anzuzeigen?

Ich arbeite an einem Blazor-Serverprojekt. Eine der Voraussetzungen besteht darin, den Datensatz in einem Popup-Fenster anzuzeigen und ihn anschließend als PDF-Dokument auszudrucken. Wenn zu viele Datensätze vorhanden sind, um auf eine Seite zu passen, wird das PDF nur als einzelne Seite gespeichert...

P粉139351297 2024-03-19 19:57:53 0  1  424

Wenn das Fenster auf weniger als 90 % verkleinert wird, schlägt die obere jQuery-Bildlaufleiste fehl

Ich verwende ASP.NETVB und habe eine obere Bildlaufleiste implementiert, die die standardmäßige untere Bildlaufleiste simuliert. Aus irgendeinem Grund ... wenn ich die Größe des Fensters ändere, funktioniert die obere Bildlaufleiste nicht mehr, wenn die Größe unter 90 % sinkt ... sie funktioniert we...

P粉238433862 2023-09-12 12:33:19 0  1  658