Cómo agregar un desplazamiento a una página html. Desplazamiento horizontal usando CSS puro. Forzar el desplazamiento en un bloque CSS

Las barras de desplazamiento son verticales y rayas horizontales, colocado a lo largo de los bordes derecho (al escribir de izquierda a derecha) e inferior de una ventana o en un área separada dentro de una ventana, diseñado para mover contenido en direcciones verticales u horizontales. para gestionarlos apariencia y comportamiento en páginas web, elementos del lenguaje de descripción de estilos CSS (Cascading Style Sheets - “ Mesas en cascada estilos") integrado en el lenguaje HTML.

Instrucciones

Utilice una etiqueta div si necesita crear una barra de desplazamiento no para toda la página, sino solo para un área limitada de la misma. EN lenguaje HTML(Lenguaje de marcado de hipertexto - "lenguaje de marcado de hipertexto") Las "etiquetas" son comandos individuales para que el navegador muestre un elemento de página en particular. En el muy en forma sencilla La etiqueta div (a menudo llamada "capa") se escribe así:
Este es el texto dentro de la capa.
Aquí está la etiqueta de apertura y aquí está la etiqueta de cierre. Todo lo que se coloca entre las etiquetas de apertura y cierre se ubica en una capa como en un contenedor, y a este contenedor se le pueden dar dimensiones: ancho y alto. Esto se hace usando parámetro adicional("atributo") estilo, que debe agregarse a la etiqueta de apertura:

Este es el texto dentro de la capa.

Por favor indique en atributo de estilo etiqueta div y las reglas para las barras de desplazamiento de capas también:

Este es el texto dentro de la capa.

Aquí overflow:auto significa que las barras de desplazamiento aparecerán automáticamente, es decir, cuando el contenido de la capa no cabe dentro. dimensiones dadas. Si auto se reemplaza por scroll, estas franjas siempre estarán presentes, independientemente de si son necesarias o no. Un valor oculto tendrá el efecto contrario: el desplazamiento nunca aparecerá, incluso si el contenido de ese contenedor no es visible más allá de sus bordes.

Utilice el mismo método para agregar barras de desplazamiento a la página en su conjunto. De forma predeterminada, aparecen según sea necesario, pero si por alguna razón es necesario que estén presentes constantemente en la página, entonces se debe agregar la regla de estilo correspondiente al código HTML fuente. Busque la etiqueta de cierre del encabezado del documento en el código de la página e ingrese estas instrucciones de estilo antes:
cuerpo (desbordamiento: desplazamiento;)

Consejo 2: Cómo hacer una barra de desplazamiento

Hoy en día tener tu propia página web no es un lujo, sino una necesidad. Su creación requiere ciertas habilidades y conocimiento html. Crear un sitio web sencillo es bastante fácil. Sin embargo, su decoración y creación elementos interactivos siempre que funcionalidad adicional El sitio causará dificultades a un principiante. Uno de esos elementos interactivos que aumenta la comodidad de los visitantes del sitio es la barra de desplazamiento. Es especialmente útil en los campos del sitio que aseguran su conexión con scripts (interacción del sitio con los usuarios).

necesitarás

• Internet o cualquier tutorial html.

Instrucciones

Lo más importante en cualquier sitio web es la comodidad del usuario. La idea misma de utilizar una barra de desplazamiento en su sitio será apropiada solo si su apariencia no está dictada por su deseo, sino por su necesidad. Diseñe la página donde desea colocar la barra de desplazamiento. Elija un lugar para desplazarse (esto también se llama barras de desplazamiento).

Seleccione una ubicación para la barra de desplazamiento en la página del sitio que le interesa. Debe estar conectado rígidamente a algún elemento (por ejemplo, campo de texto o lista desplegable). Debes calcular este espacio en píxeles o porcentajes. Esto no es difícil de hacer, especialmente si el diseño del sitio tiene una estructura clara.

Entre las etiquetas BODY debes agregar código estándar para desplazarse. Puedes encontrarlo en cualquier tutorial html. Hay dos opciones: agregar este fragmento directamente a código html páginas, o adjuntar en una tabla estilos css. El segundo método es más conveniente si está cambiando no solo una página, sino todo el sitio a la vez. Luego debe ingresar los parámetros de color para la barra de desplazamiento; de lo contrario, será gris y poco interesante. La figura muestra y etiqueta los elementos de desplazamiento. Los parámetros se deben ingresar de la misma forma que se muestra en la figura, separados por punto y coma.

Ahora definitivamente deberías probar tus modificaciones. Para asegurarse de que la barra de desplazamiento tenga el mismo aspecto en todos los navegadores, verifíquela en los principales: Explorador de Internet, Mozilla Firefox y Ópera. Si no funciona en alguno de ellos, vuelve al primer paso y corrige los errores.

Consejos útiles

Existe una manera sencilla de crear una barra de desplazamiento para una página web. Establezca el parámetro de altura de su sitio en 75%, luego el desplazamiento aparecerá por sí solo. Es cierto, su esquemas de color todavía vale la pena configurarlo.

Consejo 3: Cómo cambiar la barra de desplazamiento

Instrucciones

Aceptar la decisión correcta. Una barra de desplazamiento debería aparecer en su sitio solo si está dictada por la necesidad de crear comodidad adicional para el usuario, y no únicamente por sus deseos. Crea un diseño para la página donde vas a colocar la barra de desplazamiento. Elige un lugar adecuado para ello.

Haga una unión rígida del pergamino (así es también como se puede llamar la barra de desplazamiento) a algún elemento específico páginas. Puede ser un campo de texto que sea una lista desplegable. Calcule la ubicación de "estacionamiento" del carril en píxeles y porcentaje. Esto no será nada difícil si la página está claramente estructurada.

Agregue un código de barra de desplazamiento estándar entre etiquetas corporales. Si no sabes que estamos hablando de, descargue cualquier libro de texto en diseño html. Describirá claramente cómo escribir dicho código. Lo mejor es tenerlo a mano para estos casos. plantillas listas para usar sitios similares para que puedas tomar algunos desde allí elementos individuales código de programa, lo que hace la vida mucho más fácil. Entonces, has encontrado el código. Colóquelo directamente en el código de la página o adjúntelo a tabla css, que es mucho más sencillo, pero sólo si cambia no una, sino todas las páginas del sitio.

Establezca los parámetros de color para la franja; de lo contrario, será estándar gris, que probablemente no encajará en el diseño del sitio. Estos parámetros se configuran en el mismo orden que para cualquier otro elemento grafico páginas. Pruebe el desplazamiento en varios navegadores, por ejemplo, Mozilla, Opera y Explorer. Si no funciona en alguno de ellos, corrige los errores en el código del programa.

Hola amigos. Hoy hablaremos sobre el desplazamiento fluido por el sitio web. Es decir, no se trata de hacer clic en un botón o enlace, sino de desplazarse suavemente cuando se utiliza una rueda o un control deslizante.

Solo una breve nota, solo tenía que implementarlo en uno de los sitios, y decidí escribir sobre ello en el blog mientras preparaba un artículo más serio (widget de descuento), a petición de uno de los lectores. Artem, hola a ti. ¡No lo he olvidado!

Por supuesto, mucha gente usa navegadores que ya tienen un desplazamiento suave, muchos usan extensión especial para el navegador, pero no para todos. Logremos fluidez en la mayoría de los dispositivos que visitarán su sitio.

Complemento para un desplazamiento fluido por el sitio web

Para resolver este problema, elegí el complemento Malihu-custom-scrollbar-plugin, ya que tiene muchas capacidades:

• verticales y/o raya horizontal voluta.
• Pulso de desplazamiento personalizable.
• Desplazamiento suave con la rueda del mouse.
• Desplazamiento suave usando el control deslizante.
• Compatibilidad con teclado y desplazamiento suave mediante flechas o PgUp/PgDn.
• Soporte de pantalla táctil.
• Temas listos para usar.
• Personalización manual mediante CSS.
• Diferentes opciones de visualización del control deslizante.
• Posibilidad de agregar desplazamiento suave varios elementos en la pagina que lo tiene.

Por supuesto, para muchos esta funcionalidad puede resultar redundante. Si solo desea suavizar el desplazamiento con la rueda, al final veremos una solución muy simple para estos fines.

"Detente, desplázate suavemente hacia adentro diferentes bloques Esto es bueno, pero ¿dónde está el desplazamiento fluido del sitio al que vinimos?” - dices. Calma. Haremos esto ahora.

Conexiones de complementos

Dado que la solución elegida es un complemento de jQuery, lo primero que haremos será conectar el propio jQuery al sitio si no lo tienes conectado.

Ahora descargue el complemento para un desplazamiento fluido desde el enlace de arriba y conecte 2 archivos al sitio.

• jquery.mCustomScrollbar.concat.min.js
• jquery.mCustomScrollbar.min.css

Obtendrá la siguiente estructura:

Desplazamiento fluido del sitio

Lo principal que debe recordar es que todos los complementos dependientes de jQuery deben conectarse después del propio jQuery.

Una vez que todo esté conectado, debe inicializar el script:

(función ($) ( $(ventana).on("cargar", función () ( $("cuerpo").mCustomScrollbar(( tema: "oscuro-delgado" )); )); ))(jQuery);

Y agrega algo de CSS reglas simples para aplicar el desplazamiento al documento. Al comienzo de su hoja de estilo, agregue el siguiente marcado:

Cuerpo, html (altura: 100%; desbordamiento: oculto;)

Esto eliminará la barra de desplazamiento estándar del navegador y establecerá una altura que el script pueda entender. No tengas miedo si te conectas a un sitio ya terminado. En el 99% de los casos, esto no afectará su margen de beneficio de ninguna manera.

Se conecta exactamente igual que el primero, tiene sólo 3 configuraciones y pesa sólo 2,6 kilobytes:

$(función() ( jQuery.scrollSpeed(100, 800, "easeOutCubic"); ))

Donde el primer número es el paso de desplazamiento, el segundo número es la velocidad y el tercero es el tipo de animación.

Eso es todo. Adiós a todos.

Saludos, queridos amigos. Como habrás notado, en casi todos los navegadores, el desplazamiento en los sitios web es muy nítido y no hermoso. Y, por supuesto, me gustaría que el desplazamiento por mi sitio fuera más fluido; por supuesto, esto se puede hacer y, además, sin esforzarse demasiado. Esto se hace usando un simple Complemento jQuery y varias reglas CSS. Y para ver cómo funciona todo, te sugiero que eches un vistazo a la demostración a continuación.

Ι

Bueno, ahora pasemos a adjuntar un desplazamiento suave a nuestro sitio.

HTML

Primero necesitaremos adjuntar biblioteca jQuery. Si ya lo tienes adjunto, omite este paso:

Luego debemos adjuntar el complemento JQuery, que es responsable de nuestro desplazamiento fluido, y junto con él hay archivos separados reglas CSS que cambian la barra de desplazamiento en el sitio. Hablaremos más sobre la barra de desplazamiento en la próxima lección, pero por ahora solo desplazamiento suave. Y aquí están las reglas y el complemento:

Todo. Ahora ya hemos dado el primer e importante paso. Ahora necesitamos agregar una regla simple a los estilos CSS de nuestro sitio.

CSS html, cuerpo (altura: 100%;)

Esto es necesario para que nuestro complemento sepa que el ancho de la página está estirado y es el 100% del alto. Asegúrese de agregar esta regla a su CSS; de lo contrario, el desplazamiento no funcionará.

Guion

Y ahora propongo echar un vistazo más de cerca al ejemplo de demostración. Y comenzaremos con HTML.

HTML en demostración Desplazamiento suave para el contenido del sitio Hola, Este es un texto para demostrar el desplazamiento suave de las páginas de su sitio. Realmente no tiene mala pinta, ¿verdad? :) Este texto se repetirá.

(función($)( $(ventana).load(función())( $("cuerpo").mCustomScrollbar(( tema:"oscuro-delgado" )); )); ))(jQuery); Como puede ver, aquí utilicé marcado HTML5 completamente estándar, con todos los scripts insertados y Archivos CSS

del que hablamos anteriormente. Creo que no hay nada que explicar aquí; si no entiendes algo, asegúrate de preguntar en los comentarios.

Bueno, ahora echemos un vistazo a las reglas CSS.

CSS de la URL de demostración @import (http://fonts.googleapis.com/css?family=Bad+Script&subset=latin,cyrillic); @importar URL(http://fonts.googleapis.com/css?family=Lobster&subset=latin,cyrillic); body( color de fondo: #fff; color: #555; tamaño de fuente: 14px; familia de fuentes: "Bad Script", cursiva; margen: 0; relleno: 0; ancho mínimo: 480px; ) html, cuerpo( altura: 100%; ) h2( tamaño de fuente: 80px; alineación de texto: centro; familia de fuentes: "Lobster", cursiva; peso de fuente: 700; estilo de fuente: cursiva; color: #444; ) hr( altura: 0; borde inferior: 1 px sólido #eee; margen inferior: 50 px; .cont( tamaño de fuente: 30 px; margen: 0 automático; relleno superior: 20 px; ancho: 50 %; .text( relleno superior : 15px; relleno inferior: 20px)

Del autor: artículo de nuestro invitado, Peter Businessmans. Peter es desarrollador front-end en Audience, donde le gusta escribir estilos en SCSS. Hoy nos mostrará lo que yo llamo un truco CSS honesto. Toda la web es vertical. Lees el sitio como un libro normal: de izquierda a derecha, de arriba a abajo. Pero a veces quieres alejarte de la verticalidad y hacer una locura: hacer una lista horizontal. O aún más loco, ¡un sitio horizontal!

Sería bueno si pudiéramos hacer algo como esto:

/* código falso */ div (dirección de desplazamiento: horizontal;)

/* código falso */ div( dirección de desplazamiento: horizontal;

Lamentablemente, esto no sucederá. Esto ni siquiera está previsto en CSS.

Esto es una lástima porque la empresa para la que trabajo realmente lo usaría. Hacemos muchas presentaciones y la presentación es algo bastante horizontal. Normalmente, la relación de aspecto de las diapositivas es 4:3 o 16:9. Debido a esto tenemos problema constante con diapositivas horizontales y tecnologías web verticales. Por "nosotros" me refiero a mí. Pero lo que amo son los desafíos.

Otro caso de uso

se me ocurrió manera específica aplicaciones. La idea es que sería conveniente para los clientes ver todos los productos en una sola diapositiva. Naturalmente, el catálogo de productos no encajaría en una sola forma. Por eso, decidimos dividir el catálogo en tres categorías, cada una con desplazamiento horizontal. Así, los tres más productos populares visible en todas las categorías, y los productos menos importantes están abiertos fácil acceso.

Método sin JavaScript

Todos sabemos que hay muchas formas de realizar desplazamiento horizontal en JS. Hay algunos ejemplos en CSS-Tricks. Me preguntaba si esta idea podría implementarse en CSS puro. La solución resultó ser muy sencilla:

crear un contenedor con elementos;

gire el recipiente 90 grados en sentido antihorario para que el borde inferior quede a la derecha;

Giramos los elementos dentro del contenedor de regreso a su lugar.

Paso 1) crea un contenedor

Crear bloque div con muchos elementos secundarios.

En nuestro ejemplo, el contenedor desplazable tendrá 300 px de ancho y tendrá 8 elementos de 100 x 100 px. Los tamaños son arbitrarios, puedes configurar cualquiera.

artículo 1 artículo 2 artículo 3 artículo 4 artículo 5 artículo 6 artículo 7 artículo 8

< div class = "horizontal-scroll-wrapper squares" > < div >artículo 1< / div > < div >elemento 2< / div > < div >elemento 3< / div > < div >artículo 4< / div > < div >artículo 5< / div > < div >artículo 6< / div > < div >artículo 7< / div > < div >artículo 8< / div > < / div >

La altura del contenedor se convertirá en el ancho y viceversa. A continuación, el "ancho" del contenedor será 300px:

Envoltura de desplazamiento horizontal (ancho: 100 px; alto: 300 px; desbordamiento-y: automático; desbordamiento-x: oculto;)

ancho: 100px; altura: 300 píxeles; desbordamiento -y: automático; desbordamiento -x: oculto;

Y elementos secundarios:

Envoltura de desplazamiento horizontal> div (ancho: 100 px; alto: 100 px;)

Horizontal - desplazamiento - contenedor > div ( ancho: 100px; altura: 100 píxeles;

Paso 2) rotar el contenedor

Ahora necesitas girar el contenedor -90 grados a ayuda CSS transformar propiedades Tenemos un desplazamiento horizontal.

Envoltura de desplazamiento horizontal (... transformar: rotar (-90 grados); origen de transformación: arriba derecha;)

Horizontal - desplazamiento - envoltura ( . . . transformar: rotar (-90 grados);

Sólo hay un pequeño problema: los elementos secundarios han rotado junto con el contenedor.

Paso 3) devolver los elementos secundarios a su lugar

Entonces, ¿cómo se devuelven los elementos a su lugar? Devuélvelo con Propiedades CSS transformar.

Envoltura de desplazamiento horizontal> div (... transformar: rotar (90 grados); origen de transformación: arriba derecha;)

Horizontal - desplazamiento - contenedor > div ( . . . transformar: rotar (90 grados); transformar-origen: arriba derecha;

Paso 4) posicionamiento fijo

Todo parece estar bien, pero hay un par de problemas.

Giramos el contenedor y configuramos la esquina superior derecha como ancla, debido a esto lado izquierdo desplazado al ancho del contenedor. Si te cuesta imaginarlo, simplemente coloca el dedo a la derecha. esquina superior página y gírela. Salir: debes regresarlo usando la propiedad de traducción.

Ya mejor. Pero el primer elemento aún no es visible, ya que se observa el mismo problema con los elementos secundarios. Esto se puede solucionar dándole al primer elemento secundario un margen superior con el valor de su ancho o transformando todos los elementos como un contenedor. La forma más sencilla que he encontrado es agregar un relleno superior al contenedor igual al ancho de los elementos secundarios, creando así una zona de amortiguamiento para los elementos.

Compatibilidad

Verifiqué la compatibilidad en los dispositivos disponibles para mí.

De oficina

Dado que el estilo de la barra de desplazamiento actualmente solo funciona en los navegadores Webkit/Blink, en Firefox e IE se muestra una barra de desplazamiento gris normal. Esto se puede corregir usando JS y ocultándolos por completo, pero este es un tema para otra lección.

Desplazarse con la rueda del mouse funciona muy bien en el escritorio. Pero mi computadora portátil tiene su propia opinión al respecto. En dispositivos con pantallas táctiles y paneles táctiles, la demostración se comporta como si el div no se hubiera girado en absoluto.

Dispositivos móviles

Me sorprendió gratamente saber que Android reconoce que el contenedor ha sido girado y le permite desplazarse deslizándolo hacia la izquierda y hacia la derecha.

Con iOS, por el contrario, no todo es tan sencillo. El navegador se comporta como si el contenedor no hubiera sido girado en absoluto. Por lo tanto, para desplazarse es necesario deslizar el dedo hacia arriba y hacia abajo, lo cual es bastante extraño. Desbordamiento: oculto no resuelve el problema.

Conclusión

Según el sitio web Can I Use, las transformaciones en CSS ahora son compatibles con más del 93 % de los usuarios (al momento de escribir este artículo, noviembre de 2016). No debería haber ningún problema aquí.

Aunque es mejor no utilizar este método en producción. Lo probé en algunos dispositivos, pero no en todos y no tan a fondo.

lo mas gran problema– entradas táctiles, en las que para ir hacia la izquierda y hacia la derecha debes deslizar el dedo hacia arriba y hacia abajo. Una solución podría ser escribir un mensaje en el sitio con una explicación, pero luego tendrías que confiar en que los usuarios lo lean. Y aun así sería contrario al sentido común. Otra solución es capturar entradas táctiles usando JS en los dispositivos, pero entonces es mejor escribir todo en JS y abandonar por completo nuestro truco de CSS.

Instrucciones

Utilice una etiqueta div si necesita una barra de desplazamiento no para toda la página, sino solo para un área limitada de la misma. En HTML (lenguaje de marcado de hipertexto), las "etiquetas" se refieren a comandos individuales para que el navegador muestre un elemento de página en particular. En su forma más simple, una etiqueta div (a menudo llamada "capa") se ve así:
esta dentro de una capa
Aquí está la etiqueta de apertura y aquí está la etiqueta de cierre. Todo lo que se coloca entre las etiquetas de apertura y cierre se ubica en una capa como en un contenedor, y a este contenedor se le pueden dar dimensiones: ancho y alto. Esto se hace usando un estilo de parámetro adicional (“atributo”), que aparece en la etiqueta de apertura:

Este es el texto dentro de la capa.

En el atributo de estilo de la etiqueta div, especifique también las reglas para las barras de desplazamiento de la capa:

Este es el texto dentro de la capa.

Aquí overflow:auto significa que las barras de desplazamiento aparecerán automáticamente, es decir, cuando el contenido de la capa no se ajuste a las dimensiones especificadas. Si auto se reemplaza por scroll, estas franjas siempre estarán presentes, independientemente de si son necesarias o no. Y el valor oculto tendrá el efecto contrario: no aparecerá, incluso si el contenido de este contenedor no es visible más allá de sus bordes.

Utilice el mismo método para agregar barras de desplazamiento en general. De forma predeterminada, aparecen según sea necesario, pero si por alguna razón es necesario que estén presentes constantemente, entonces se debe agregar la regla de estilo correspondiente al código HTML fuente. Busque la etiqueta de cierre del encabezado del documento en el código de la página e ingrese estas instrucciones de estilo antes:
cuerpo (desbordamiento: desplazamiento;)

Hoy en día tener tu propia página web no es un lujo, sino una necesidad. Su creación requiere ciertas habilidades y conocimientos de HTML. Crear un sitio web sencillo es bastante fácil. Sin embargo, decorarlo y crear elementos interactivos que aporten funcionalidad adicional al sitio causará dificultades a un principiante. Uno de esos elementos interactivos que aumenta la comodidad de los visitantes del sitio es una barra de desplazamiento. Es especialmente útil en los campos del sitio que aseguran su conexión con scripts (interacción del sitio con los usuarios).

necesitarás

• Internet o cualquier tutorial html.

Instrucciones

Lo más importante en cualquier caso es la comodidad. La idea misma de utilizar una barra de desplazamiento en su sitio será apropiada solo si no la dicta su deseo, sino su necesidad. Haga un diseño donde desee colocar la barra de desplazamiento. Elija un lugar para desplazarse (también llamado barras de desplazamiento).

Seleccione una ubicación para la barra de desplazamiento en la página que le interesa. Debe estar estrechamente vinculado a algún elemento (por ejemplo, un campo de texto o una lista desplegable). Debes calcular este espacio en píxeles o porcentajes. Esto no es difícil de hacer, especialmente si el diseño del sitio tiene una estructura clara.

Entre las etiquetas BODY debes agregar el código de desplazamiento estándar. Puedes encontrarlo en cualquier tutorial html. Hay dos opciones: agregar este fragmento directamente al código html de la página o adjuntarlo a la hoja de estilo CSS. El segundo método es más conveniente si va a cambiar no solo uno, sino todo el sitio. Luego debe ingresar los parámetros de color para la barra de desplazamiento; de lo contrario, será gris y poco interesante. La figura muestra y etiqueta los elementos de desplazamiento. Los parámetros se deben ingresar de la misma forma que se muestra en la figura, con punto y coma.

Ahora definitivamente necesitas hacer mejoras. Para asegurarse de que la barra de desplazamiento tenga el mismo aspecto en todos los navegadores, verifíquela en los principales: Internet Explorer, Mozilla Firefox y Opera. Si está en uno de ellos, vuelve al primer paso y corrige los errores.

Consejos útiles

Existe una manera sencilla de crear una barra de desplazamiento para una página web. Establezca el parámetro de altura de su sitio en 75%, luego el desplazamiento aparecerá por sí solo. Es cierto que aún vale la pena personalizar sus combinaciones de colores.

Fuentes:

• Sitio web para desarrolladores web principiantes en 2019

Instrucciones

Toma la decisión correcta. Una barra de desplazamiento debería aparecer en su sitio solo si está dictada por la necesidad de crear comodidad adicional para el usuario, y no únicamente por sus deseos. Crea un diseño para la página donde vas a colocar la barra de desplazamiento. Elige un lugar adecuado para ello.

Haga una vinculación rígida del desplazamiento (esto también se puede llamar barra de desplazamiento) a un elemento específico de la página. Podría ser un campo de texto que represente un archivo . Calcule la ubicación de "estacionamiento" del carril en términos de píxeles y porcentaje. Esto no será nada difícil si la página está claramente estructurada.

Agregue el código de barra de desplazamiento estándar entre las etiquetas del cuerpo. Si no sabe de qué estamos hablando, descargue cualquier libro de texto sobre diseño html. El código se describirá claramente allí. Para tales casos, es mejor tener plantillas preparadas a mano para poder tomar algunos elementos individuales del código del programa desde allí, lo que simplifica enormemente la vida. Entonces, has encontrado el código. Colóquelo directamente en el código de la página o adjúntelo a una tabla CSS, lo cual es mucho más simple, pero solo si está cambiando no una, sino todas las páginas del sitio.

Establezca los parámetros de color para la barra; de lo contrario, será un color gris estándar, que probablemente no encajará en el diseño del sitio. Estos parámetros se configuran en el mismo orden que para cualquier otro elemento gráfico de la página. Pruebe en varios navegadores, por ejemplo Mozilla, Opera y Explorer. Si está en alguno de ellos corregir los errores del código del programa.

Establezca el parámetro de altura del sitio en 75%, luego código de programa para desplazarse se ingresará automáticamente. Pero aún necesitas cambiar la barra de desplazamiento, y específicamente su opciones graficas. Esto se describe en los párrafos anteriores.