Lösung für mobile Browser, die die Position nicht unterstützen: Fix

Die konkrete Methode ist wie folgt:

CSS Code

Code kopieren

Der Code lautet wie folgt:

.wap_bottom {
Höhe: 60px;
Breite: 100 %;
Position: fest;
Z-Index: 2;
unten: 0;
links: 0;
Deckkraft: 0,7;
}

HTML Quelltext

Code kopieren

Der Code lautet wie folgt:

Hinweis: Wenn Benutzer einen Float schreiben, verwenden sie im Allgemeinen position: fixed; in CSS, um ihn zu steuern. Diese Methode funktioniert jedoch nur auf der Computerseite, nicht jedoch auf der mobilen Seite. Der Effekt besteht darin, dass beim Öffnen der Webseite mit einem mobilen Browser diese unten angezeigt wird, der Float jedoch beim Scrollen nach unten nicht folgt. Zu diesem Zeitpunkt müssen Sie den folgenden Code zwischen den Kopfzeilen hinzufügen, um den Fehler zu beheben, dass der mobile Browser position: fixed nicht unterstützt.

Code kopieren

Der Code lautet wie folgt:

Detaillierte Erläuterung der Verwendung von Gulp.js, einem leistungsstarken Tool für die Front-End-Aufgabenerstellung

Artikel

Lösung für mobile Browser, die die Position nicht unterstützen: Fix

UDP DUP-Timeout UPD-Portstatus-Erkennungscodebeispiel

Detaillierte Erläuterung der Verwendung von Gulp.js, einem leistungsstarken Tool für die Front-End-Aufgabenerstellung

Lernen Sie die gängigen Methoden und Techniken in JS-Arrays und werden Sie ein Meister

So entwerfen Sie MySQL-Statistikdatentabellen

Lösen Sie das Problem, dass Docker den Hostcomputer unter Mac nicht anpingen kann

Tutorial zur HTML-Tabellenauszeichnung (37): Hintergrundbild-Attribut BACKGROUND

Erhalten Sie schnell Datenbankverbindungsinformationen und einige Erweiterungen über Zabbix

So ändern Sie Port 3389 des Remotedesktops von Windows Server 2008 R2

HTML+CSS zum Erstellen eines geschichteten Pyramidenbeispiels

Bei MySQL-Zeichentypen wird die Groß-/Kleinschreibung beachtet.

Artikel empfehlen

Detailliertes Tutorial zum Löschen von Linux-Benutzern mit dem Befehl userdel

Die Tabelle fügt Zellen und das img-Bild zusammen, um das gesamte td-HTML auszufüllen

So verwenden Sie MySQL, um die Datengenerierung in Excel abzuschließen

Über das Problem, dass die von Tomcat bereitgestellte Anwendung nicht auf die Front-End-Seite zugreifen kann

Perfekte Lösung für den Themenwechsel basierend auf CSS-Variablen (empfohlen)

Ubuntu 18.04 installiert pyenv, pyenv-virtualenv, virtualenv, Numpy, SciPy, Pillow, Matplotlib

Beheben Sie das Problem, dass der Name des Dateiänderungsformulars vom Typ = Datei nicht normal wiedergegeben werden kann

Dockerfile-Implementierungscode beim Starten von zwei Prozessen in einem Docker-Container

HTML-Code zum Hinzufügen eines Mengenabzeichens zur Nachrichtenschaltfläche

Lösung zum Vergessen des MySQL-Passworts unter Linux

Responsive Webdesign lernen (3) - So verbessern Sie die Leistung von Webseiten auf Mobilgeräten

Verwendung der VUE-Renderfunktion und ausführliche Erklärung

Benutzerzentriertes Design

TypeScript verwendet vscode, um den Codekompilierungsprozess zu überwachen