JavaScript Div Scrustable
Este artículo demostrará el concepto de div sprollable usando JavaScript.
Cómo crear un DIV desplazable JavaScript?
Para crear un DIV desplazable en JavaScript, se pueden utilizar los siguientes enfoques:
- "Desbordamiento" propiedad.
- "desbordarse" y "desbordado" propiedades.
Los siguientes enfoques demostrarán el concepto establecido uno por uno!
Método 1: Cree un div sprollable JavaScript usando la propiedad de desbordamiento
El "Desbordamiento"La propiedad maneja el contenido que sale de la caja de elementos. Esta propiedad se puede utilizar para asignar la propiedad específica de tal manera que el elemento accedido se desplaza.
El ejemplo a continuación ilustra el concepto discutido.
Ejemplo
En primer lugar, incluya un encabezado en el " Este es un div sendelable A continuación, incluya un "div"Elemento junto con el asignado"identificación". Dentro del DIV, incluya la imagen especificada que se desplazará con las dimensiones ajustadas en el "" etiqueta: Ahora, acceda a la identificación asignada "Desplazarse"Al DIV para desplazar la imagen incluida asignando el"Desbordamiento"Propiedad a Auto, que generará el desplazamiento a través del elemento especificado horizontal y verticalmente: Por último, ajuste el "div"Dimensiones considerando la trazado de la imagen especificada para hacerlo desplazable: La salida correspondiente será: Método 2: Cree un DIV desplazable JavaScript usando las propiedades desbordantes y desbordantes. El "desbordarseLa propiedad se aplica para especificar el comportamiento del contenido cuando desborda un elemento a lo largo de los bordes horizontales (izquierda y derecha). Por otro lado, el "desbordado"La propiedad especifica el comportamiento del contenido verticalmente (a lo largo de los bordes superior e inferior). Estos métodos se pueden implementar para desplazar el elemento al que se accede ajustando las propiedades de acuerdo con los requisitos dados. Ejemplo En primer lugar, asigne un "identificación"Para el elemento DIV e incluya el encabezado especificado como se discute en el método anterior. Además, contenga el siguiente párrafo para hacerlo (div) desplazable: Div JavaScript es uno de los principales idiomas de secuencias de comandos utilizados principalmente para aplicar varias características para hacer que un sitio web o una página web sea atractiva y fácil de usar. Este lenguaje en particular también integra HTML para realizar diversas funcionalidades adicionales también. A continuación, obtenga la identificación Div usando el "documento.getElementById ()" método. Aquí, ajuste las propiedades de desbordamiento y desbordamiento. Las propiedades asignadas darán como resultado desplazarse solo verticalmente: Finalmente, diseñe el divisable Div y ajuste sus dimensiones como se ilustra en el método anterior: Producción Este artículo concluyó los enfoques que se pueden utilizar para hacer un DIV desplazable en JavaScript. Conclusión Para hacer un div spollable en JavaScript, aplique el "Desbordamiento"La propiedad se asignará de tal manera que la imagen incluida dentro del DIV se desplaze o el"desbordarse" y "desbordado"Las propiedades se pueden utilizar siendo asignadas de tal manera que se accediera"div"Se desplaza verticalmente solo. Estas propiedades se pueden implementar para realizar el requisito dado de hacer un DIV desplazable en JavaScript.
Altura: 500px;
Ancho: 700px;
documento.GetElementById ('Scroll').estilo.Overflowy = 'Auto';