Die horizontale HTML-Stil-Scrollbar deaktivieren

October 5

Man könnte meinen, die alle Browser-Features sind nicht zugänglich, aber das ist nicht wahr. Websitedesigner mit ein wenig Kenntnisse von Cascading Stylesheet (CSS) können einige Browserfeatures, wie die Bildlaufleiste bearbeiten. Horizontale und vertikale Bildlaufleisten werden auf einer Webseite angezeigt, wenn der Inhalt der Seite des Browsers Abmessungen überschreitet. Dadurch können Benutzer diese Inhalte durch Anpassen der Bildlaufleisten anzeigen. Um die horizontale Bildlaufleiste zu deaktivieren, können Sie Ihr HTML-Dokument eine einzelne CSS-Eigenschaft hinzufügen.

Anweisungen

1 Öffnen Sie Ihren HTML-Editor und laden Sie ein HTML-Dokument zu.

2 Fügen Sie den folgenden Code in das Dokument "Sektionschef":

< Typ style = "Text/Css" >

HTML {}

Overflow-X: hidden;

}

< / style >

Diese CSS-Deklaration definiert das HTML-Element "Überlauf"-Eigenschaft. Durch Festlegen dieser Eigenschaft Wert zu "versteckten", verhindern Sie horizontale Bildlaufleisten in den Browser.

3 Fügen Sie den folgenden Text in das Dokument "Textabschnitt":

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

Hinzufügen einer langen Zeichenfolge wie diese bewirkt, dass die meisten Browser eine horizontale Bildlaufleiste angezeigt. Ihr HTML-Dokument dieser Text hinzufügen, können Sie überprüfen, ob die CSS-Deklaration in Schritt 2 erstellten die Bildlaufleiste angezeigt wird verhindert.

4 Speichern Sie Ihr Dokument und in einem Browser anzeigen. Sie sehen nicht, dass eine horizontale Bildlaufleiste angezeigt. Minimieren Sie den Browser auf die halbe Größe. Eine horizontale Bildlaufleiste erscheint immer noch nicht.

Tipps & Warnungen

  • Um zu beweisen, dass der CSS-Code die horizontale Bildlaufleiste deaktiviert, zurück zum Abschnitt "Stil" und ersetzen Sie das Wort "versteckt", mit "Auto." Dies sagt Browsern die horizontale Bildlaufleiste anzeigen, wenn Inhalt horizontal überläuft. Denken Sie daran, dass die Benutzer nicht in der Lage, solche Inhalte anzeigen, da sie keine horizontale Bildlaufleiste haben werden.

SIE KÖNNEN AUCH GERNE