Introducción al artículo de Wulin.com (www.vevb.com): retire la barra de desplazamiento horizontal del iframe y retenga la barra de desplazamiento vertical.
1. Configuración Cuando el contenido de desbordamiento desbordamiento (establezca si el objeto que se establece muestra la barra de desplazamiento)Configuración Cuando Overflow-X Horizontal Content Overflow
Configuración cuando desbordamiento de contenido vertical desbordamiento
Los valores establecidos por los tres atributos anteriores son visibles (predeterminados), desplazamiento, oculto y automático.
2. ScrollBar-3D-Light-Color el color del borde brillante de la barra de desplazamiento tridimensional (coloque el color de la barra de desplazamiento)
Color de color de Scrollbar-Arrow de la flecha Triangle en la parte superior del botón
Scrollbar-Base-Color Scrollbar Color básico
Scrollbar-Dark-Shadow-Color tridimensional Scrollbar Color de sombra fuerte
Color de color de barra de desplazamiento de la parte convexa de la barra de desplazamiento tridimensional
Color de color de parrilla de desplazamiento de la parte en blanco de la barra de desplazamiento
Color de color shadbar-shadow de la sombra estereoscópica de scrollbar
Las propiedades de estilo anteriores se explican a través de varios ejemplos:
1. Haga que la ventana del navegador nunca aparezca Scrollbars
Sin barra de desplazamiento horizontal
<Body Style = Overflow-X: Hidden>
Sin barra de desplazamiento vertical
<Body Style = Overflow-Y: Hidden>
Sin barra de desplazamiento
<Body style = Overflow-x: Oculto; Overflow-y: Oculto> o <cuerpo
estilo = desbordamiento: oculto>
2. Establezca la barra de desplazamiento del cuadro de texto de múltiples líneas
Sin barra de desplazamiento horizontal
<Textarea style = Overflow-x: Hidden> </extarea>
Sin barra de desplazamiento vertical
<Textarea style = Overflow-y: Hidden> </etextaraa>
Sin barra de desplazamiento
<Textarea style = Overflow-x: Hidden; Overflow-Y: Hidden> </extarea>
o <Textarea style = Overflow: Hidden> </Textarea>
3. Establezca el color de la barra de desplazamiento de la ventana
Establezca el color de la barra de desplazamiento en la ventana en rojo <estilo del cuerpo = scrollbar-base-color: rojo>
El color de la barra de desplazamiento establece el color básico. En general, solo se debe establecer esta propiedad para lograr el propósito de cambiar el color de barra de desplazamiento.
Agregue un efecto especial:
<Body Style = Scrollbar-Arrow-Color: Yellow; Scrollbar-Base-Color: Lightalmon>
4. Defina una clase en el archivo de hoja de estilo y llame a la hoja de estilo.
<estilo>
.CoolScrollbar {Scrollbar-Arrow-Color: Yellow; Scrollbar-Base-Color: Lightsalmon;}
</style>
Llamado así:
<Textarea class = CoolScrollBar> </textarea>