Wie man eine Bildlaufleiste auf meiner Seite setzen

Wenn eine e-Mail lesen oder Blättern in einem Word- oder Text-Dokument, Sie möchten die Formatierungsleiste jederzeit im Blick haben. Dies geschieht am einfachsten mit Bildlaufleisten in Containern. Cascading Stylesheets sind (CSS) verwendet, zur Herstellung von scrollbaren Bereichen Ihrer Web-Seite oder die gesamte Seite, verwenden Sie die Bildlaufleisten, mit wenigen Codezeilen haben. Eine CSS-Eigenschaft namens "Overflow" wird verwendet, um die Bildlaufleisten auf einer Seite zu produzieren.

Anweisungen

1 Öffnen Sie die Editor-Anwendung, und kopieren Sie folgenden Code:

.ScrollBars {Overflow: Scroll; Height: 300px;}

Der obige Code definiert die "Überlauf"-Eigenschaft und erstellt eine Scroll-Box, die 300px ist.

2 Speichern Sie die Datei aus Schritt 1 als "scrollbar.css."

3 Öffnen Sie die Seite, wo Sie wollen die Bildlaufleisten angezeigt wird, und fügen den folgenden Code zum Abschnitt zwischen < Head > und < / Head > Markierungen:

< link Href = "scrollbar.css" Type = "Text/Css" Rel = "Stylesheet" >

Diese Codezeile verweist auf die "scrollbar.css", Sie erstellt und die Informationen in dieser Datei in Ihre Seite fügt.

4 Verwenden Sie die Tags < Div > die Teile der Seite die Bildlaufleisten hinzu die Bildlaufleisten angewendet werden, wie gezeigt werden soll:

< Div Class = "Scrollbars" >Meine Seiteninhalt< / Div >

Der obige Code fügt Bildlaufleisten in den Bereich der Seite, die enthält die "Meine Seiteninhalte." Sie können andere Seitenbereiche angeben, indem Sie einfach die Zeile "< Div-Klasse"Scrollbars"= > auf die Ziel-div.

5 "Scrollbars.css" und der Seite zum Anzeigen von Bildlaufleisten im gleichen Verzeichnis gespeichert.

6 Öffnen Sie die Seite mit einem Webbrowser um zu sehen, ob es entsprechend rendert.