Tecnología

Inicio

Cómo poner una barra de desplazamiento en Mi Página

Cómo poner una barra de desplazamiento en Mi Página


Al leer un correo electrónico o navegar en una palabra o un documento de texto, que desea tener la barra de formato a la vista en todo momento. Esto se consigue más convenientemente por tener barras de desplazamiento dentro de los contenedores. las hojas de estilo en cascada (CSS) se utilizan para producir secciones desplazables de su página web o tener todo el uso bares de desplazamiento de página utilizando unas pocas líneas de código. Una propiedad CSS llamado "desbordamiento" se utiliza para producir barras de desplazamiento en una página.

Instrucciones

1 Abra la aplicación Bloc de notas y copiar el código de abajo:

.scrollbars {overflow: desplazarse; altura: 300px;}

El código anterior define la propiedad "desbordamiento" y crea un cuadro de desplazamiento que es de 300 píxeles.

2 Guarde el archivo de la Etapa 1 como "scrollbar.css."

3 Abra la página en la que desea las barras de desplazamiento para aparecen pequeñas y el código de abajo a la sección entre las etiquetas <head> y </ head>:

<Link href = "scrollbar.css" type = "text / css" rel = "stylesheet">

Esta línea de código hace referencia a la "scrollbar.css" que ha creado y añade la información de ese archivo en su página.

4 Utilice las etiquetas <div> para agregar las barras de desplazamiento para las partes de la página en la que desea las barras de desplazamiento para ser aplicados como se muestra:

<div class = ""> barras de desplazamiento
Mi página Contenido
</ Div>

El código anterior añade barras de desplazamiento a la zona de la página que contiene las "Mi página Contenidos." Se puede especificar otras secciones de la página, simplemente añadiendo la línea "<div class =" barras de desplazamiento "> para el div objetivo.

5 Guardar "scrollbars.css" y la página para mostrar las barras de desplazamiento en el mismo directorio.

6 Abra la página utilizando un navegador Web para ver si se hace adecuadamente.