Ich habe gerade eine Website erstellt und es gab eine Seite, die sich ein wenig von anderen Seiten unterschied
Durch Beobachtung und Fehlerbehebung habe ich das herausgefunden Die vertikale Höhe der Seite war nicht gleich. Überlauf,
kann die vertikale Bildlaufleiste nicht aufrufen,
führt zu einem Unterschied von mehreren Pixeln, wenn sie relativ zu anderen Seiten zentriert wird, und
macht den Seiteneffekt unfreundlich.
Lösung: Erzwingen Sie das Hinzufügen oder Ausblenden der Browser-Bildlaufleiste auf allen Seiten.
Der relevante CSS-Code lautet wie folgt:
//Anzeige der Bildlaufleiste erzwingen:
html { overflow: scroll; }
//Ausblenden der Bildlaufleiste erzwingen:
html { overflow: hidden; }
//Horizontale Bildlaufleiste des IE ausblenden:
html { overflow-x: hidden; }
//Vertikale Bildlaufleiste des IE ausblenden:
html { overflow-y: hidden; }
/ /Anzeige der horizontalen Bildlaufleiste des IE erzwingen:
html { overflow-x: scroll; }
//Die vertikale Bildlaufleiste des IE erzwingen:
html { overflow-y: scroll; }
//Die horizontale Bildlaufleiste erzwingen von Mozilla:
html { overflow:-moz-scrollbars-horizontal; }
//Hinweis: Es wird erzwungen, dass nur die horizontale Bildlaufleiste angezeigt wird. Das heißt, auch wenn die vertikale Bildlaufleiste angezeigt werden muss wird nicht angezeigt.
//Anzeige der vertikalen Bildlaufleiste von Mozilla erzwingen:
html { overflow:-moz-scrollbars-vertical; }
//Hinweis: Nur die vertikale Bildlaufleiste wird zwangsweise angezeigt , selbst wenn die horizontale Bildlaufleiste angezeigt werden muss, wird die horizontale Bildlaufleiste nicht angezeigt
Das obige ist der detaillierte Inhalt vonSo erzwingen Sie das Anzeigen und Ausblenden von Browser-Bildlaufleisten in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!