So blenden Sie einen Scroll-Bereich

Scroll Bereiche arbeiten Hand in Hand mit Bildlaufleisten. Sie werden automatisch angezeigt, wenn eine Web-Seite-Inhalt zu groß für den Bildschirm sind. Scroll-Bereiche enthalten die horizontale und vertikale Bildlaufleisten, eine Strecke, wo der Knopf gleitet, und oben und unten Pfeile an beiden Enden der Bildlaufleisten. Sie können die Übersicht-Eigenschaft im cascading Stylesheets (CSS), um die Bildlaufleisten ausblenden und ihre Scroll-Bereich. Das HTML-Format in CSS gilt für Internet Explorer, während der Körper-Stil für Firefox und Opera gilt.

Anweisungen

1 Öffnen Sie die HTML-Datei, die Sie in einem Texteditor wie Notepad, WordPad oder TextEdit durch Auswahl von "Datei" und "Open" aus der Symbolleiste ändern möchten.

2 Fügen Sie folgenden Code in dem < HEAD > Tag der Datei, dem Bildlaufbereich zu allen Zeiten zu verbergen:

< Head >

< Typ style = "Text/Css" >

HTML, Body {}

Overflow: hidden;

}

< / style >

< / head >

3 Fügen Sie den folgenden Code in dem < HEAD > Tag der Datei, dem Bildlaufbereich zu verbergen, nur dann, wenn Inhalte auf der Webseite passen:

< Head >

< Typ style = "Text/Css" >

HTML, Body {}

Overflow: Auto;

}

< / style >

< / head >

4 Fügen Sie den folgenden CSS-Code in den < HEAD >-Tag für die vertikale Scroll-Bereich, aber nicht im horizontalen Bereich ausblenden:

< Head >

< Typ style = "Text/Css" >

HTML, Body {}

Overflow-y: hidden;

}

< / style >

< / head >

5 Fügen Sie den folgenden CSS-Code, in dem < HEAD >-Tag, dem horizontalen Bildlaufbereich, aber nicht im vertikalen Bereich zu verbergen:

< Head >

< Typ style = "Text/Css" >

HTML, Body {}

Overflow-X: hidden;

}

< / style >

< / head >

6 Wählen Sie "Datei" und "Speichern" aus der Symbolleiste, um Ihre Änderungen zu speichern.