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
So erstellen Sie eine monatliche Tabelle in einer gespeicherten MySQL-Prozedur
Lassen Sie uns, ohne ins Detail zu gehen, direkt ...
Detaillierte Analyse des Linux-Kernel-Makros container_of
1. Wie oben erwähnt Ich habe dieses Makro gesehen...
Tomcat-Komponenten veranschaulichen die architektonische Entwicklung eines Webservers
1. Wer ist Tomcat? 2. Was kann Tomcat? Tomcat ist...
Detaillierte Erläuterung von MySQL zum Abrufen statistischer Daten für jeden Tag und jede Stunde eines bestimmten Zeitraums
Erhalten Sie tägliche Statistiken Wenn Sie ein Pr...
So aktualisieren Sie Ubuntu 20.04 LTS unter Windows 10
23. April 2020: Heute können Sie mit Ubuntu 20.04...
So verwenden Sie Balkendiagramme in Vue und ändern die Konfiguration selbst
1. Echart in HTML-Datei importieren <!-- E-Cha...
Einführung in 10 Hooks in React
Inhaltsverzeichnis Was ist ReactHook? React biete...
Detaillierte Beschreibung des komponentenbasierten Front-End-Entwicklungsprozesses
Hintergrund <br />Studenten, die am Front-En...
Vue verwendet Better-Scroll, um ein Beispiel für eine horizontale Scroll-Methode zu erreichen
1. Implementierungsprinzip des Scrollens Das Scro...
Allgemeine Front-End-JavaScript-Methodenkapselung
Inhaltsverzeichnis 1. Geben Sie einen Wert ein un...
Verwendung von MySQL-Triggern
Trigger können dazu führen, dass vor oder nach de...
So zeigen Sie die Erstellungszeit von Dateien in Linux an
1. Einleitung Ob die Erstellungszeit einer Datei ...
JS+Canvas zeichnet ein Glücksrad
In diesem Artikel wird der spezifische Code der J...
Lösen Sie das Problem des 8-Stunden-Unterschieds zwischen Docker-Container und Host-Computer
Bei der Verwendung von Docker-Compose für die Ber...
Warum sind die Bilder in mobilen Web-Apps nicht klar und sehr verschwommen?
Warum? Am einfachsten lässt es sich so ausdrücken:...