Analyse und Lösung der Gründe für Links- und Rechtssprünge beim Laden von Webseiten
|
Ich hatte dieses Problem in letzter Zeit beim Designen von Websites. Nachdem ich das Mitgliedercenter gestaltet und den Inhalt mit margin:0 auto; zentriert habe, schwenkt die Webseite in dem Moment, in dem sie geöffnet wird, nach links, dann nach rechts, wenn ich eine andere Seite aufrufe, und dann wieder nach links zurück. Wenn Sie häufig zwischen Seiten hin- und herspringen, wird Ihnen schwindelig. Der Grund dafür ist, dass die Bildlaufleiste auf der rechten Seite nicht angezeigt wird, wenn die Höhe der Webseite nicht ausreicht. In diesem Fall muss die Breite der Webseite zur Breite der Bildlaufleiste addiert werden. Wenn margin:0 auto; verwendet wird, wird die Webseite zentriert, aber wenn die Höhe der Webseite es dem Browser zulässt, eine Bildlaufleiste anzuzeigen, muss die Breite der Webseite natürlich von der Breite der Bildlaufleiste abgezogen werden, und dann schwenkt die Webseite ein wenig nach links. Verstehen Sie sonst, was ich oben gesagt habe? Viele Leute dürften diese Situation schon erlebt haben. Die Lösung ist ganz einfach: Lassen Sie die rechte Bildlaufleiste einfach im Stylesheet (CSS) immer angezeigt werden. Wenn die Webseite nicht hoch genug ist, lässt der Browser sie auch anzeigen, wenn die rechte Bildlaufleiste angezeigt wird. Der Code lautet: Code kopieren Der Code lautet wie folgt:html{overflow-y:scroll;} |
<<: Spezifische Verwendung der deaktivierten und schreibgeschützten Attribute von Textbereichen
>>: Dieser Artikel zeigt Ihnen die Grundlagen von JavaScript: Deep Copy und Shallow Copy
Artikel empfehlen
Detaillierte Schritte zur Installation der Node.js-Umgebung und Pfadkonfiguration unter Linux
Es gibt zwei Möglichkeiten, nodejs unter Linux zu...
So verwenden Sie die Vue3-Komponente zum asynchronen Laden von Daten Suspense
Inhaltsverzeichnis Vorwort Komponenten erstellen ...
SQL zur Implementierung der Wiederherstellung einer Zeitreihenversetzung
Inhaltsverzeichnis 1. Anforderungsbeschreibung 2....
js realisiert horizontale und vertikale Slider
Als ich kürzlich an einem Übungsprojekt arbeitete...
MySQL-Optimierung: Join statt Unterabfrage verwenden
Verwenden Sie JOIN anstelle von Unterabfragen MyS...
Detailliertes Tutorial zum Bereitstellen eines Django-Projekts mit Docker auf CentOS8
Einführung In diesem Artikel stellen wir vor, wie...
Einführung in semantische XHTML-Tags
Der erste Punkt ist, dass Menschen die Semantik vo...
Detaillierte Erläuterung der benutzerdefinierten Anweisungen für die Vue.js-Direktive
Anpassen eines Demo-Befehls Die Syntax der benutz...
CSS Flex mehrere mehrspaltige Layouts
Grundlegendes dreispaltiges Layout .Container{ An...
JDBC-Erkundung SQLException-Analyse
1. Übersicht über SQLException Wenn bei der Verwe...
Analyse des Docker-Compose-Image-Release-Prozesses des Springboot-Projekts
Einführung Das Docker-Compose-Projekt ist ein off...
Verwendung des Linux-Befehls xargs
1. Funktion: xargs kann die durch Leerzeichen ode...
MySQL 5.7.12 Installations- und Konfigurations-Tutorial unter Mac OS 10.11
So installieren und konfigurieren Sie MySQL auf M...
Zusammenfassung der Javascript-Datumstools
lass Utils = { /** * Ist es das Todesjahr? * @ret...
Zusammenfassung der Befehle zur Benutzerverwaltung im Linux-System
Benutzer- und Gruppenverwaltung 1. Grundlegende K...