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:

MySQL-Schritte vollständig löschen

Artikel

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

Eine kurze Diskussion zum Thema Ziehen und Sortieren von Elementen in Tabellen

MySQL-Schritte vollständig löschen

JavaScript zur einfachen Verknüpfung von Provinzen und Gemeinden

Countdown-Effekt mit Javascript implementieren

Detaillierte Erläuterung der Schritte zur Konfiguration des Centos7-Bridge-Netzwerks unter VMware

Schritte zur Einführung von PWA in ein Vue-Projekt

Einführung in die HTML-Formularsteuerung deaktivierte Attribute schreibgeschützt VS deaktiviert

Lösen Sie das Fehlerproblem von Warnungen, die möglicherweise mit der Option „--fix“ behoben werden können, wenn Sie ein Vue-Projekt ausführen

So stellen Sie Tencent Cloud Server von Grund auf bereit

So verwenden Sie gdb zum Debuggen von Kerndateien in Linux

Artikel empfehlen

MySQL Failover-Hinweise: Ausführliche Erläuterung zum anwendungsorientierten Design

So entfernen Sie den gepunkteten Rahmen beim Klicken auf einen Link in FireFox

Docker-Installationsschritte für Redmine

Fallstudie zur dynamischen Datenbindung von this.$set in Vue

Zwei Möglichkeiten zum Starten des Linux-Bootdienstes

Verwenden Sie jQuery, um das Problem mit ungültigen Seitenankerpunkten unter Iframe zu beheben

Implementierung von webpack-dev-server zum Erstellen eines lokalen Servers

Linux/Mac MySQL-Befehlszeilenmethode zum Ändern des Passworts bei vergessenem Passwort

MySQL 8.0.11 Installationstutorial mit Bildern und Text

js implementiert das Ein- und Ausblenden von Inhalten mit der Maus über die Karte

MySQL-Löschfunktion für Mehrfachtabellenverbindungen

Die vollständige Verwendung von Setup, Ref und Reactive in der Vue3-Kombinations-API

Grafisches Tutorial zur Installations- und Konfigurationsmethode für die Dekomprimierungsversion von MySQL 5.7.21 (Win10)

HTML/CSS (der erste Leitfaden, den Anfänger unbedingt lesen sollten)

Docker implementiert das erneute Taggen und Löschen des Images des ursprünglichen Tags