Artikel Einführung von Wulin.com (www.vevb.com): Entfernen Sie die horizontale Bildlaufleiste des Iframe und behalten Sie die vertikale Bildlaufleiste bei.
1. Einstellungen Wenn Überlaufinhaltsüberlauf überlauft (festlegen, ob das festgelegte Objekt die Bildlaufleiste anzeigt)Einstellungen beim Überlauf-X-Horizontalinhaltsüberlauf
Einstellungen beim Überlauf des vertikalen Inhaltsüberlaufs
Die von den obigen drei Attributen festgelegten Werte sind sichtbar (Standard), Scrollen, Hidden und Auto.
2. Scrollbar-3D-Lichtfarbe Die helle Kantenfarbe der dreidimensionalen Scrollbar (Stellen Sie die Farbe der Scrollbar ein)
Scrollbar-Arrow-Farbfarbe des Dreiecks Pfeil auf der Taste
Scrollbar-Basis-Farb-Scrollbar-Grundfarbe
Scrollbar-Dark-Shadow-Farben Dreidimensionale Scrollbar Starke Schattenfarbe
Schriftrollen-Face-Farbfarbe des konvexen Teils der dreidimensionalen Scrollbar
Scrollbar-Highlight-Farbfarbe des leeren Teils von Scrollbar
Schriftrollenschattenfarbe des stereoskopischen Bildlaufbustenschattens
Die obigen Stileigenschaften werden anhand mehrerer Beispiele erklärt:
1. Machen Sie das Browserfenster niemals Scrollbars
Keine horizontale Bildlaufleiste
<body style = overflow-x: versteckt>
Keine vertikale Bildlaufleiste
<body style = overflow-y: versteckt>
Keine Scrollbar
<body style = overflow-x: versteckt; überlauf-y: versteckt> oder <body
style = überlauf: versteckt>
2. Stellen Sie die Bildlaufleiste des Multi-Line-Textfelds ein
Keine horizontale Bildlaufleiste
<textarea style = overflow-x: versteckt> </textArea>
Keine vertikale Bildlaufleiste
<textarea style = overflow-y: versteckt> </textArea>
Keine Scrollbar
<textArea style = overflow-x: versteckt; Überlauf-y: Hidden> </textArea>
oder <textArea style = Überlauf: Hidden> </textArea>
3. Setzen Sie die Farbe der Fenster -Scroll -Leiste
Stellen Sie die Farbe der Fenster-Scrollbar auf rot <body style = scrollbar-base-color: rot>
Scrollbar-Base-Farben legt die Grundfarbe fest. Im Allgemeinen muss nur diese Eigenschaft festgelegt werden, um den Zweck der Änderung der Bildlauffarbe zu erreichen.
Fügen Sie einen Spezialeffekt hinzu:
<body style = scrollbar-arrow-color: gelb; scrollbar-base-color: lightSalmon>
4. Definieren Sie eine Klasse in der Stylesheet -Datei und rufen Sie das Stylesheet an.
<Styles>
.CoolScrollBar {Scrollbar-Arrow-Color: Gelb; Scrollbar-Basisfarbe: LightSalmon;}
</style>
So genannt:
<textarea class = coolScrollBar> </textArea>