Warum wirkt sich overflow-x:hidden von HTML auf das Skript der Schaltfläche „Zurück zum Anfang' aus?
P粉633309801
P粉633309801 2023-08-17 12:48:44
0
1
368

Der vanish at top-Teil des Zurück-nach-oben-Button-Skripts funktioniert aufgrund von html { overflow-x: versteckt; }

   CSS html, Körper { Höhe: 100 %; Scrollverhalten: glatt; Position: relativ; Überlauf-x: versteckt; } Körper { Hintergrundfarbe:#060606; Schriftfamilie: „Montserrat“, serifenlos; Farbe: #ffffff; Rand: 0; Polsterung: 0; } .buton { overflow-x: sichtbar !important; } #myBtn { Anzeige: keine; Position: fest; unten: 20px; rechts: 30px; Z-Index: 99; Grenze: keine; Gliederung: keine; Hintergrundfarbe: rot; Farbe weiß; Cursor: Zeiger; Polsterung: 15px; Randradius: 10px; Schriftgröße: 18px; } #myBtn:hover { Hintergrundfarbe: #333; }

Das meiste davon ist Code, bitte fügen Sie weitere Details hinzu, das meiste davon ist Code, bitte fügen Sie weitere Details hinzu, das meiste davon ist Code, bitte fügen Sie weitere Details hinzu, das meiste davon ist Code, bitte fügen Sie weitere Details hinzu, das meiste es ist Code, bitte fügen Sie weitere Details hinzu, es ist größtenteils Code, bitte fügen Sie weitere Details hinzu, es ist größtenteils Code, bitte fügen Sie weitere Details hinzu, es ist größtenteils Code, bitte fügen Sie weitere Details hinzu, es ist größtenteils Code, bitte fügen Sie weitere Details hinzu Weitere Details

Wenn ich das Overflow-X im HTML entferne, verschwinden die Schaltflächen oben, aber rechts vom gesamten Website-Inhalt bleibt Leerraum.

P粉633309801
P粉633309801

Antworte allen (1)
P粉329425839

你应该尝试覆盖那个overflow-x样式,并通过id选择你的元素。 CSS:

#myBtn { overflow-x: visible !important; }
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage
    Über uns Haftungsausschluss Sitemap
    Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!