Código de JavaScript - Scroll Overflow controlado por JavaScript

Pos: 4

Val: 2.019

Ha mantenido su posición en JavaScript (en relación al último mes)

Scroll Overflow controlado por JavaScript

JavaScript

(2)

Publicado el 26 de Agosto del 2018 por Scriptshow (141 códigos)

1.607 visualizaciones desde el 26 de Agosto del 2018

En ocasiones, hemos tenido que actuar sobre las barras de scroll para ponerlas y/o quitarlas por tiempo limitado, según necesidades: menúes largos, foto presentaciones, etc. Incluso por estética...

Vamos a ver cómo hacerlo controlado por javascript, directamente. Podemos añadirle una función asociada a un/os evento/s, objeto/s, etc. Si es preciso, revisaremos los valores posibles para el atributo "overflow".

Espero sea útil.

Un saludo

Requerimientos

Un navegador web y/o dispositivo compatible.

1.0
(2)

Publicado el 26 de Agosto del 2018

gráfica de visualizaciones de la versión: 1.0

1.608 visualizaciones desde el 26 de Agosto del 2018

Versión 1.0 experimental.

<!DOCTYPE html>

<html>

<head>

<title>Scroll OverFlow</title>

</head>

<body>

<script>

function test(s){document.body.style.overflow=s;}

</script>

<h2>Scroll Overflow</h2>

<button onClick="test('auto')">Auto</button>

<button onClick="test('hidden')">Hide</button>

<h2>Scroll Overflow</h2>

<p>Línea 01.</p>

<p>Línea 02.</p>

<p>Línea 03.</p>

<p>Línea 04.</p>

<p>Línea 05.</p>

<p>Línea 06.</p>

<p>Línea 07.</p>

<p>Línea 08.</p>

<p>Línea 09.</p>

<p>Línea 10.</p>

<p>Línea 11.</p>

<p>Línea 12.</p>

<p>Línea 13.</p>

<p>Línea 14.</p>

<p>Línea 15.</p>

<p>Línea 16.</p>

<p>Línea 17.</p>

<p>Línea 18.</p>

<p>Línea 19.</p>

<p>Línea 20.</p>

<p>Línea 21.</p>

<p>Línea 22.</p>

<p>Línea 23.</p>

<p>Línea 24.</p>

<p>Línea 25.</p>

<p>Línea 26.</p>

<p>Línea 27.</p>

<p>Línea 28.</p>

<p>Línea 29.</p>

<p>Línea 30.</p>

<p>Línea 31.</p>

<p>Línea 32.</p>

<p>Línea 33.</p>

<p>Línea 34.</p>

<p>Línea 35.</p>

<p>Línea 36.</p>

<p>Línea 37.</p>

<p>Línea 38.</p>

<p>Línea 39.</p>

<p>Línea 40.</p>

</body>

</html>

Comentarios sobre la versión: 1.0 (2)

xve

26 de Agosto del 2018

No ha dejado ningún comentario

Responder

Hector

26 de Agosto del 2018

Soy nuevo y kisiera adquirir experiencias. Gracias

Responder

Comentar la versión: 1.0


Nombre

Correo (no se visualiza en la web)

Valoración

Comentarios...

CerrarCerrar

Es necesario revisar y aceptar las políticas de privacidad

Acepto las políticas de privacidad

http://lwp-l.com/s4774

querySelector - querySelectorAll

Simular pulsar la tecla Enter

Código de JavaScript - Scroll Overflow controlado por JavaScript

Requerimientos

1.0(2)

Comentarios sobre la versión: 1.0 (2)

Comentar la versión: 1.0

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

1.0
(2)