CSS-Problem: Horizontales Scrollen (overflow-x:scroll) funktioniert nicht

Ich habe 3 „Seiten“ und möchte sie horizontal scrollen. Ich habe erfolgreich eine horizontale Bildlaufleiste erstellt, aber wenn ich mit dem Mausrad nach oben/unten scrolle, passiert nichts. So sieht mein Container aus: body.container{width:100%;height:100%;scroll-snap-type:xmandatory;overflow-x:scr...

P粉295616170 2024-03-29 16:06:18 0  1  448

Der CSS-Hintergrundverlauf deckt nicht die gesamte Seite ab (einschließlich scrollbarer Inhalte).

Ich habe Probleme mit einem CSS-Hintergrundverlauf in einem HTML-Dokument. Ich habe eine Seite entworfen, die einen linearen Farbverlauf als Hintergrund verwendet und ihn auf das Körperelement setzt. Das Problem, mit dem ich konfrontiert bin, besteht darin, dass der Farbverlauf dort zu enden scheint...

P粉506963842 2023-09-12 13:20:09 0  2  682

Fügen Sie im HTML- und CSS-Bereich hinter der Navigationsleiste ein Hintergrundbild hinzu, damit beim Scrollen kein Leerzeichen angezeigt wird

Ich weiß nicht, wie ich dafür sorgen soll, dass das Hintergrundbild in HTML und CSS unterhalb der Navigationsleiste und der Fußzeile ausgefüllt wird. Wenn ich durch die Navigationsleiste scrolle, ist das Leerzeichen nur ein Leerzeichen. Ich möchte, dass es ohne Leerzeichen oben und unten scrollt. Da...

P粉118698740 2023-09-10 09:12:07 0  2  558

Wie verstecke ich Bildlaufleisten auf Mobilgeräten oder Emulatoren, ohne das Bildlaufverhalten in der React-App zu beeinträchtigen?

Auf Mobilgeräten möchte ich, dass die Bildlaufleiste in der gesamten App vollständig ausgeblendet wird, aber ich möchte, dass der Benutzer scrollen kann. Ich habe versucht, die Bildlaufleiste mithilfe der CSS-Funktionen scrollbar, scrollbar-thumb, scrollbar-thumb:hover und scrollbar-track auszublend...

P粉208286791 2023-08-17 15:35:56 0  1  607

Die Statusleiste von Capacitor und JS überschneidet sich in IOS

Ich verwende NuxtJS mit Kondensator. Die obere Statusleiste auf iOS-Geräten überschneidet sich beim Scrollen. Ich habe auch „ios“:{“contentInset“:always“} in Capacitor.config.json hinzugefügt. Obwohl ich auch das CSS eingebunden habe, schafft es oben zusätzlichen Platz. body{padding:env(safe-area-in...

P粉543344381 2023-12-29 16:04:36 0  1  451

Erstellen Sie in Quarto eine Funktion, die dem festen Tabellenkopf in RMarkdown ähnelt

Ich habe versucht, einen Sticky-Table-Header aus dem table1R-Paket in Quarto zu rendern, so wie ich es in RMarkdown erfolgreich mache. Allerdings scheint Quarto meine CSS-Datei nicht zu erkennen, oder (wahrscheinlicher) ich übersehe etwas. Ich habe die CSS-Dateien mit .rmd und .qmd eingefügt, um sie...

P粉366946380 2023-08-29 17:12:38 0  1  608

Verhindern Sie, dass scrollIntoView() den Container an den Seitenanfang scrollt

Ich versuche, ein einfaches „hauptsächlich CSS“-Bildkarussell zu erstellen, das das Scrollen verwendet, aber auch über Navigationsschaltflächen zur Steuerung der aktuell angezeigten Folie verfügt. Die einzige Lösung, die ich gefunden habe, besteht darin, scrollIntoView() für das Zielelement zu verwe...

P粉690200856 2024-03-26 20:25:28 0  1  465

css – Mobile-Schriftart wird größer, nachdem overflow-y:scroll zur Box hinzugefügt wurde

Nach dem Hinzufügen des CSS-Attributs: overflow-y:scroll zum äußersten Feld wird die Schriftart beim Anzeigen im Google Mobile-Simulator automatisch größer und das Gesamtlayout wird rem. Nach dem Entfernen dieses Attributs wird die Schriftart normal. Code 1: Nicht überlaufig: Bildbeschreibung {Code....

黄舟 2017-05-16 13:39:31 0  5  1039

javascript - [React Native] Wie behalte ich die Bildlaufleiste jeder ListView in Tabs bei?

Das Problem wurde gelöst, es war ein CSS-Stilproblem. . . . Es hat nichts mit js zu tun. . . Ich habe eine Listenansicht in Tabs eingefügt, aber wenn ich die Tabs wechsle, befinden sich die Bildlaufleisten der Listenansicht alle an derselben Position. . . Das heißt, ich habe in den ersten Tabs um 10...

伊谢尔伦 2017-06-26 10:58:55 0  1  1104

html5 - Können HTML oder JS .css-Attribute dynamisch ändern?

Ist es beispielsweise möglich, den Attributwert von *.css oder <style> basierend auf dem Inhalt des Eingabewerts zu ändern? Beispiel: Verwenden Sie das Tag „input:color“, um den ausgewählten Farbwert abzurufen und die Farbe der Bildlaufleiste zu aktualisieren? (Dies muss einen Selektor...

伊谢尔伦 2017-05-24 11:36:09 0  2  966

javascript – So deaktivieren Sie den Gummibandeffekt, der auf Sarafi und IE auf der mobilen Seite erscheint

Im Safari-Browser unter iOS können Sie, wenn die Webseite nach oben gescrollt wird, wie ein Gummiband um eine weitere Strecke scrollen und nach dem Loslassen wieder zurückspringen. Dieser Effekt besteht auch auf Windows-Tablets. Bitte sagen Sie mir, wie ich diesen Effekt mit CSS deaktivieren kann, d...

大家讲道理 2017-05-19 10:12:15 0  1  612

CSS an unterschiedliche Bildschirmgrößen anpassen: Eine Anleitung

Ich habe diesen CSS-Code und mein Problem ist, dass meine Seite aufgrund des Padding-Top (etwas Platz von oben) zu groß ist, was dazu führt, dass sie über die Option „Bildlauf“ verfügt und nicht auf den gesamten Bildschirm passt. Wie kann ich die Scroll-Option deaktivieren? *{margin:0;padding:0;}htm...

P粉030479054 2023-09-09 00:05:15 0  1  424

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

So deaktivieren Sie die Browser-Gesten-Zoomfunktion auf Tablets vollständig – Stapelüberlauf

Auf einem Tablet kann man aufgrund der Multi-Touch-Funktion direkt Gesten verwenden, um diesen Effekt zu deaktivieren. Allerdings habe ich verschiedene Methoden ausprobiert, aber das scheint nicht zu funktionieren Zoom ist dasselbe wie der PC-Strg + Scrollrad-Zoom. Es handelt sich nicht nur um einen...

怪我咯 2017-06-30 09:57:23 0  1  1079