ubiquitour.com

Cómo personalizar la barra de desplazamiento

Personalizar el navegador scroll en una aplicación web agrega un toque de experiencias del espectador. La combinación de colores puede cambiarse para que coincida con el diseño de su página web, y hay varios otros aspectos de la barra que se puede personalizar, como flechas, bar, áreas de base y sombreadas. Estos están personalizados usando estilos CSS a las etiquetas de encabezado de tus páginas web.

Instrucciones

1 Indicar en el código que se crea un nuevo estilo. Dentro de las etiquetas principales, el uso de la etiqueta "< style >" crea un nuevo estilo para diseños de página. La sintaxis es la siguiente:< estilo tipo = "text/css" ><!-->--> el código introducido aquí< / estilo >

2 Entrar en un nuevo color para la pista de la barra de desplazamiento. La pista es el área debajo de la barra. Se trata normalmente de un tono más claro que el color de la barra. El código siguiente cambia el color de la pista al blanco:HTML {scrollbar-track-color: #FFFFFF;}

3 Crear un nuevo estilo de color de la barra. El siguiente código se utiliza para cambiar la barra de desplazamiento al negro:HTML {scrollbar-face-color: #000000;}

4 Editar colores de flecha. Estilos CSS, también pueden cambiar los colores de la flecha. El siguiente código cambia las flechas naranja:HTML {barra de desplazamiento-flecha-color: #FF0000;}

5 Cambiar los valores de color de sombreado. Por último, sombreado también se ha mejorado a través de estilos CSS. A continuación cambia las características de sombreado de la barra de desplazamiento al azul:HTML {scrollbar-shadow-color: #0000FF;}