Wie erstelle ich einen Flex-Container, der vertikales Scrollen ermöglicht, ohne seine Höhe anzugeben?

Im folgenden Codeausschnitt erwarte ich, dass der erste und der zweite Container jeweils 50 % der Fensterhöhe einnehmen, und ich möchte, dass der erste Containerkörper einen vertikalen Überlauf aufweist. Wenn ich den riesigen Block leider in das „When“ in einem Container platziere – es wird größer a...

P粉286046715 2023-09-11 13:07:33 0  1  531

Wie verwende ich Spalten in einem Raster, um Flex horizontal einzuwickeln?

https://codepen.io/itaied246/pen/eYbOWjm Ich habe erfolgreich eine Flexbox mit vertikalem Scrollen erstellt, die den Raum horizontal ausfüllt und nach unten scrollt. Ich möchte das Gleiche horizontal tun, d. h. den Raum vertikal füllen und nach rechts scrollen. Mein Flexdiv befindet sich mit seinem ...

P粉481035232 2023-08-16 21:11:09 0  1  548

So wenden Sie CSS nur auf die horizontale Bildlaufleiste an

Ich bin ein neuer Praktikant und sie haben mir eine einfache Aufgabe gegeben: Personalisieren Sie die horizontale Bildlaufleiste. Ich habe diesen Code, aber die vertikale Bildlaufleiste verschwindet ... Ich möchte, dass sie standardmäßig in vertikaler Richtung angezeigt wird ... nur horizontal scrol...

P粉276876663 2024-04-01 16:25:15 0  2  400

Umbenennung: Vertikale Produktpräsentation

Auf meiner Webseite werden derzeit die Projektprodukte Zeile für Zeile vertikal aufgelistet. Ich möchte sie vertikal scrollbar anzeigen. Wie ändere ich es in horizontal? divclass="row"><divclass="col-12"><divclass="tab-contenttab-animate-zoom"><!--Star...

P粉926174288 2024-04-05 09:17:50 0  1  3648

Eine Höhe von 100 Vh ergibt eine vertikale Bildlaufleiste

Ich habe ein Problem mit der Höhe 100vh und es wird eine vertikale Bildlaufleiste angezeigt. Ich bette den externen Inhalt in ein widget-holderdiv mit einer Höhe von 100vh ein. Der Inhalt im Widget-Halter geht jedoch über das übergeordnete Div hinaus und bietet eine vertikale Bildlaufleiste. Wenn ic...

P粉378264633 2024-03-27 23:06:05 0  1  522

Eingabe und Auswahl haben unterschiedliche vertikale Positionen in derselben Zeile

Ich verwende Floating-Tags für diese Website. Ich habe den Code leicht geändert, um Eingabe und Auswahl in einer Zeile zusammenzufassen. In der Edge-Version 114.0.1823.67 und der Chrome-Version 114.0.5735.199 hat die Grundlinie eine andere vertikale Position. In der Firefox-Version 115.0 hat die Gru...

P粉237125700 2023-09-09 15:45:02 0  1  471

javascript - Wie lege ich die Anfangsposition des Overflow-Scrolls fest?

Verwenden Sie top: 50 %; transform: translatorY(-50 %), um das Div vertikal zu zentrieren. Wenn die Höhe des Div größer als die des übergeordneten Containers ist, ist die anfängliche Bildlaufposition nicht die Oberseite des Div Gib mir einen Ratschlag. .

phpcn_u1582 2017-05-19 10:16:30 0  2  798

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

html5 - Eine zentrierte Ausrichtung oben und unten ist eigentlich unmöglich zu erreichen, oder?

Bei der vertikalen Ausrichtung gibt es Oben, Mitte, Grundlinie und Unten. Schauen Sie sich die vier Linien im Linienhöhenmodell unten an. Aus geometrischer Sicht liegt die geometrische Mittellinie dieses Linienhöhenmodells zwischen der Mittellinie und der Grundlinie, wobei die Mittellinie nach oben ...

迷茫 2017-06-20 10:06:16 0  1  936

Javascript – Div-Karussell-Problem

Drei Schaltflächen entsprechen drei vertikal angeordneten Divs. Klicken Sie auf die Schaltfläche des zweiten Divs. Das zweite Div wird an die Position des ersten Divs verschoben, und das dritte Div wird an die Position des zweiten Divs verschoben. Das erste Div gleitet nach unten. Alle drei Divs wer...

黄舟 2017-05-19 10:28:51 0  2  602

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

Implementieren Sie vertikales Scrollen innerhalb einer Seite, das auf einen bestimmten Abschnitt abzielt, ohne die gesamte Seite zu verschieben

Ich habe diesen Effekt auf einigen Seiten gesehen: Sie scrollen nach unten, aber die Seite selbst scheint bewegungslos zu sein. Daher werden einige Elemente ein- oder ausgeblendet, erscheinen oder verschwinden. Ich habe einen Abschnitt mit 5 Karten. Jetzt möchte ich den gleichen Effekt erzeugen. Wen...

P粉946437474 2023-08-15 19:29:46 0  1  433

Vuejs/Nuxtjs: Wie erstelle ich dynamische V-Modellnamen, ohne v-for zu verwenden?

Ich stehe vor einem kniffligen Problem in einer Vuejs/Nuxtjs-Anwendung. In der Anwendung erstelle ich dynamisch mehrere Knoten. Diese Knoten verfügen über Optionsfelder, denen ich ein V-Modell zugewiesen habe. Wenn ich jedoch den Wert eines Vuejsv-Modells ändere, wirkt sich das auf alle anderen Node...

P粉920199761 2023-12-30 22:52:51 0  1  549

Deaktivieren Sie das Scrollen im äußeren Div und aktivieren Sie es erneut, wenn das innere Div den unteren Rand erreicht

Ich erstelle eine Webseite mit mehreren vertikal angeordneten Divs. Hier ist mein Konzept: Wenn die Bildlaufleiste den unteren Rand des ersten Divs erreicht, wird die äußere Bildlaufleiste deaktiviert und die zweite Bildlaufleiste aktiviert. Der Benutzer muss den unteren Rand der inneren Bildlauflei...

P粉211273535 2024-03-30 12:33:42 0  1  523

Wie kann ich dafür sorgen, dass ein Div nach oben statt nach unten erweitert wird, wenn die vertikale Höhe zunimmt?

Ich habe eine Seite mit einem Titel und etwas Inhalt. Der Header ist ein dynamischer Wert und kann je nach Inhalt viele unterschiedliche Inhalte haben. Dieses Problem tritt auf, wenn der Titel lang ist und zwei oder mehr Zeilen erfordert. Da ich möchte, dass der Inhalt in der gleichen vertikalen und...

P粉530519234 2024-03-22 10:39:08 0  1  351

Wie kann man schwebende Elemente in CSS vertikal statt horizontal stapeln lassen?

Ich versuche, eine Webseite mit zwei Spalten zu erstellen, mit Hauptinhalt auf der einen Seite und zusätzlichem Inhalt auf der anderen. Da ich aber die Float-Eigenschaft verwende, um die zusätzliche Spalte links auszurichten, wird sie horizontal gestapelt, ich möchte jedoch, dass sie vertikal gestap...

P粉982054449 2024-04-06 20:45:26 0  2  806

CSS-Kollektorränder: Was ist ihr Zweck?

Das CSS2-Boxmodell sagt uns, dass benachbarte vertikale Ränder zusammenfallen. Ich finde das ärgerlich, da es die Ursache für viele Designfehler ist. Ich hoffe, dass ich durch das Verstehen des Zwecks der Reduzierung von Rändern verstehe, wann ich sie verwenden sollte und wie ich sie vermeiden kann,...

P粉318928159 2023-10-25 19:38:51 0  1  709