So implementieren Sie das interne Scrollen von Inhalten in React, während Sie die gesamte Seite scrollen

Ich möchte in React eine Logik erstellen, die zuerst den untergeordneten Inhalt scrollt, wenn die ganze Seite gescrollt wird. Sobald der Unterinhalt vollständig gescrollt ist, wird er zum nächsten Abschnitt verschoben. Beispiel: Ich habe drei Abschnitte: A, B und C. Die Höhe jedes Abschnitts beträgt...

P粉823268006 2023-09-06 18:19:42 0  1  557

javascript – So implementieren Sie JS, um globale CSS-Stile dynamisch zu ändern

Wenn Sie den globalen CSS-Stil auf der Seite dynamisch ändern möchten, beispielsweise die Farbe aller Schriftarten auf der Seite in Rot ändern möchten, können Sie dies über CSS {Code ...} erreichen. Wenn Sie JS verwenden, verwenden Sie die Schaltflächen Ändern Sie auf der Seite den Stil aller Elemen...

阿神 2017-05-19 10:11:38 0  3  672

Wie berechnet man den Prozentsatz der Bildlaufposition eines Elements?

Ich möchte die Scrollposition eines Elements innerhalb eines Fensters als Prozentsatz berechnen. 0 % bedeutet, dass sich die Oberseite des Elements am unteren Rand des Fensters befindet (noch nicht angezeigt). 100 % bedeutet, dass sich die Unterseite des Elements am oberen Rand des Fensters befindet...

P粉786800174 2024-04-03 19:55:00 0  1  659

Die CSS-Zeilenklasse bewirkt, dass bestimmte Elemente außerhalb des Rahmens verschwinden, während sie statisch und am unteren Rand der Anzeige fixiert sein sollten

Meine Seite sieht derzeit so aus. Nachdem ich die Zeilenklasse hinzugefügt habe, sodass die beiden Elemente nebeneinander liegen, wird die untere Navigationsleiste nach unten verschoben, bis ich scrollen muss. Hier sehen Sie eine weitere Seite ohne Zeilenelemente, bei der die Navigationslinks perfek...

P粉156415696 2024-04-03 18:48:12 0  1  495

Umbenennung: feste Div-Spalten und verbleibende Breite

Ich versuche, ein 5-Spalten-Layout zu erstellen, bei dem alle Spalten die volle Höhe des Browserfensters haben. Mit Ausnahme der mittleren Spalte sollten die anderen Spalten fixiert sein und sich beim Scrollen im Browser/Dokument nicht verschieben. Die mittlere Spalte enthält den Website-Inhalt und ...

P粉786432579 2023-09-14 17:17:47 0  1  670

javascript - Das rechte Menü kann die Zielposition nicht richtig finden. Das heißt, nachdem das Untermenü verschwunden ist, befindet sich die Maus immer noch an der ursprünglichen Position.

Hier befindet sich nun meine Maus. Schauen Sie sich das Bild unten an, aber die Mausposition wird nicht zurückgezogen . Wenn ich zum Kulturzentrum zurückkehren möchte, kann ich jetzt nur die Maus nach oben bewegen, aber das wirkt sich auf das Benutzererlebnis aus, aber es kann nur ...

曾经蜡笔没有小新 2017-05-19 10:28:27 0  1  407

Wie lässt sich der Mischmodus dazu bringen, bestimmte Hintergründe zu ignorieren?

Schauen Sie sich das Bild unten an: Stellen Sie sich vor, dass sich das blaue Rechteck unten mit dem Mischmodus „Differenz“ langsam nach oben bewegt. Ich möchte, dass es den roten Streifen ignoriert und blau bleibt, wenn es hindurchgeht, aber den Mischmodus „Mischen“ verwende, wenn es auf dem grünen...

P粉418351692 2023-09-15 10:20:50 0  1  629

Der Scroll-Ereignis-Listener wurde zum Element hinzugefügt, bewegt sich jedoch nur dann korrekt, wenn scrollTop nicht gleich 0 ist

Also habe ich dieses kleine Skript geschrieben, in dem ich zwei Listen habe – abgeschlossene/aktive Aufgaben. Sie können die Aufgabenliste wechseln, indem Sie auf die Schaltfläche klicken, und Sie können mehr über die Aufgabe lesen, indem Sie auf „Weitere Informationen“ klicken. Wenn auf weitere Inf...

P粉427877676 2024-04-01 11:03:26 0  1  640

Android überwacht das Ein- und Ausstecken von Kopfhörern, ohne die APP öffnen zu müssen

Die Nachfrage ist jetzt. Überwachen Sie das Ein- und Ausstecken von Kopfhörern nach dem Einschalten des Telefons oder ohne Öffnen der App. um verschiedene Operationen durchzuführen. Die aktuelle Denkweise ist. Starten Sie nach dem Booten einen Dienst und überwachen Sie den Ein- und Aussteckstatus de...

漂亮男人 2017-06-24 09:42:57 0  2  1140

javascript - Wie bekomme ich Knoten in HTML-Tags?

Wenn Sie ein Klickereignis verwenden, können Sie mithilfe des Ereignisses den aktuellen Knoten ermitteln. Wenn das Ereignis jedoch nicht gebunden ist, wie erhalte ich den aktuellen p-Knoten im p-Tag {code...}? Meine Anforderung besteht darin, v-show=true zu verwenden, wenn ich über die Bildlaufleist...

曾经蜡笔没有小新 2017-05-19 10:34:54 0  4  790

android - Wenn das Fragment auf den Stapel geschoben wird, wird die Pop-Animation beim Popen nicht ausgeführt.

In einigen Fällen möchten wir während der Popfragmentierung keine Animation durchführen. Gibt es eine Möglichkeit, dies zu erreichen? Während der Verwendung öffne ich b von Fragment a und dann c, aber beim Beenden muss ich möglicherweise von c zu b und dann zu a wechseln. Zu diesem Zeitpunkt benötig...

某草草 2017-05-16 13:27:04 0  1  573

CSS: Wie platziere ich ein Symbol neben Text?

Ich habe ein übergeordnetes div-Element wie dieses (display:flex), das zwei untergeordnete Elemente enthält: Text – ein span-Element (i)-Symbol – ein div-Element. Wenn der Text nur eine Zeile (ohne Umbruch) hat, funktioniert alles einwandfrei. Wenn es jedoch umbricht (zwei Zeilen oder mehr), wird di...

P粉668146636 2023-08-17 14:39:36 0  1  509

So legen Sie fest, dass die Animation beim Schweben angehalten, aber fortgesetzt wird, sobald die Maus weg ist

Ich habe mehrere Lösungen satt und dies ist die beste Lösung, die ich je gefunden habe. Aber ich bin immer noch nicht zufrieden mit dem Ergebnis, denn wenn die Maus das Element verlässt, kehrt das Element in seine ursprüngliche Drehung zurück. Die Idee ist, dass die Animation ausgelöst wird, wenn Si...

P粉786800174 2024-04-01 09:43:54 0  1  503

Verwenden Sie die Tabulatortaste, um durch HTML-Elemente auf der Seite zu navigieren

Ich kann auf einer HTML-Seite nicht mit der Tabulatortaste scrollen. Hier ist ein Bild der Seite, nach der ich die Registerkarten durchsuchen möchte, wenn das Popup-Fenster „Tabelle kann nicht aktualisiert werden“ geöffnet wird. Ich habe darauf geklickt und die Tabulatortaste gedrückt. Wenn ich zum ...

P粉106301763 2024-02-03 21:30:59 0  1  484

Javascript – Problem beim Scrollen der Bildanzeige

Wie Bilder, Teile von Screenshots, diese Bilder sind alle in einer UL, wenn es 25 Bilder gibt. Auf dem Startbildschirm werden 10 Bilder angezeigt. Wenn Sie auf die Schaltfläche „Mehr“ klicken, scrollen alle 10 Bilder nach oben und werden ausgeblendet. Von unten nach unten scrollen sind 10 Bilder. Es...

習慣沉默 2017-05-19 10:27:01 0  4  976

In Mongodb werden einige Werte in MapReduce nicht durch Reduce verarbeitet.

Bei der Verwendung von MapReduce in Mongodb werden einige Werte nicht durch Reduzieren verarbeitet, was sehr verwirrend ist. Gehen Sie zuerst zum Code {code...}. Die eigentlichen Ausgabedaten sind {code...} ist kleiner als 4, wird es normal angezeigt. Wenn es größer als ... ist.

大家讲道理 2017-05-17 10:04:04 0  1  658

Kann JS Onclick-Ereignisse von 2 DOMs austauschen?

Anstelle meiner eigenen Website habe ich einen Browser erstellt. Es müssen einige Vorgänge eingebunden werden. Nicht sehr vertraut mit JS. Ist es möglich, die Klickereignisse von 2 Elementen auszutauschen? Baidu bindet, wenn alle Funktionsnamen bekannt sind. Wie erhält man den Namen der Click-Event-...

曾经蜡笔没有小新 2017-06-10 09:47:39 0  2  587

Titel umgeschrieben als: Der 100vh-Wert von CSS3 ist in mobilen Browsern nicht festgelegt

Ich habe ein sehr seltsames Problem ... In jedem Browser und jeder mobilen Version, die mir begegnet, habe ich dieses Verhalten: Beim Laden einer Seite haben alle Browser ein oberes Menü (wie die Anzeige der Adressleiste). Wenn Sie mit dem Scrollen der Seite beginnen, es rutscht nach oben. Manchmal ...

P粉682987577 2023-08-21 16:49:22 0  2  526

Chrome hat manchmal Probleme mit der Scrollfunktion

Ich habe ein Scroll-Problem auf meiner Website und verstehe den Grund nicht. Nur in Chrome funktioniert das Scrollen manchmal nicht. Ich habe versucht, den gesamten von mir geschriebenen Code zu deaktivieren, aber das Problem besteht weiterhin. Auf Safari funktioniert das Scrollen einwandfrei. https...

P粉817354783 2024-03-29 00:21:20 0  1  471

Verstehen Sie das Innenleben des virtuellen DOM in React oder Vue

Ich bin Student und versuche, mein eigenes virtuelles DOM für mein College-Projekt zu erstellen (es wird keine erweiterten Funktionen wie Requisiten oder Ereignisse haben, ich werde es einfach halten), wie andere berühmte Frameworks wie React, Vue usw . . Ich möchte nur wissen, wann wir mehrere Code...

P粉451614834 2024-02-03 17:01:18 0  1  527