Lösung für das Problem der Überlappung von Seitentitel und Seitenanker

Wenn ich in einer HTML-Seite einen nicht scrollbaren Header habe, der oben fixiert ist und eine definierte Höhe hat: Gibt es eine Möglichkeit, URL-Anker (#fragment parts) zu verwenden, um den Browser dazu zu bringen, zu einer bestimmten Position auf der Seite zu scrollen? Immer noch die feste Elemen...

P粉521748211 2023-08-21 19:18:36 0  2  580

javascript - Wie kann ich die Position der fest positionierten Seitenleiste auf der Seite mit der Bildlaufleiste dynamisch erhöhen?

Die Anforderung ist wie folgt: Zu Beginn ist die Seitenleiste an einer bestimmten Position auf der Seite fixiert (z. B. rechts: 0; unten: 0), um zu verhindern, dass die Seitenleiste scrollt Beim Falten des Fußzeilenteils (siehe Abbildung unten) erhöht sich der Wert von unten mit der Vergrößerung der...

高洛峰 2017-06-26 10:53:43 0  2  989

Scrollen: So korrigieren Sie Titel

Ich erstelle einen Header, der nach dem Scrollen auf eine bestimmte Pixelanzahl fixiert wird und an Ort und Stelle bleibt. Kann ich das nur mit CSS und HTML machen oder benötige ich auch JQuery? Ich habe eine Demo erstellt, damit Sie es verstehen können. Jede Hilfe wäre großartig! http://jsfiddle.ne...

P粉090087228 2023-10-12 23:57:29 0  2  735

javascript – Simulieren Sie das Takeaway-Klickmenü der mobilen Webapp und schieben Sie den entsprechenden Inhalt an die Zielposition

1. Wenn der Inhalt auf der rechten Seite mit Ihrem Finger an die angegebene Position gleitet, ändert das entsprechende Klickmenü auf der linken Seite die Farbe oder die entsprechende Position. 2. Bitte beachten Sie, dass ich mit dem mobilen Endgerät das Scrollen mit der Maus nicht überwachen kann 3....

仅有的幸福 2017-07-05 10:39:31 0  2  817

gvim – Wie halte ich den Cursor beim Umblättern (Scrollen) in vim an einer festen Position auf dem Bildschirm?

Wenn vim Seiten umblättert (scrollt), bewegt sich der Standardcursor an den oberen Bildschirmrand oder an den unteren Bildschirmrand. Ich hoffe, die Position auf dem Bildschirm unverändert zu lassen, d. h. nur den Text zu verschieben, nicht aber den Cursorposition (relativ zum Bildschirm). Wie errei...

给我你的怀抱 2017-05-16 16:36:15 0  5  1193

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  636

javascript – So verwenden Sie nextElementSibling, um den nächsten Knoten in js zu finden

{Code...} 1. Verwenden Sie nextElementSibling, um den nächsten Knoten mit der ID von dialogArea zu finden und seinen Wert zu ändern. 2. Verwenden Sie nur natives JS ohne JQuery. 3. Der Zweck besteht darin, die versteckte Eingabe als Positionierungskoordinaten für die Suche nach unten zu verwenden, w...

天蓬老师 2017-05-19 10:12:12 0  3  693

So tauschen Sie zwei Div mithilfe einer Animation aus

Ich habe ein Projekt, bei dem ich möchte, dass ein Div als großes Kästchen und drei weitere Divs unten als kleine Kästchen angezeigt werden. Wenn Sie auf ein kleines Kästchen klicken, ändert sich die Größe und die Position wird mit dem großen Kästchen vertauscht, wobei ein CSS-Übergangseffekt verwen...

P粉191323236 2023-08-26 13:55:33 0  1  539

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  898

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  780

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  657

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  629

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  1050

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  533

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  727

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  780

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  717

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  616