Código de JavaScript - Barra de Progreso del Scroll

Val: 2.019

Barra de Progreso del Scroll

Publicado el 4 de Febrero del 2018 por Scriptshow (141 códigos)

3.446 visualizaciones desde el 4 de Febrero del 2018

Barra de Progreso para el Scroll con JavaScript. Un evento y la función procesan la posición del Scroll... Mejor lo vemos.

scrollbar

Un navegador web y/o dispositivo compatible.

Publicado el 4 de Febrero del 2018

3.447 visualizaciones desde el 4 de Febrero del 2018

Versión experimental.

<!DOCTYPE html>

<html>

<head>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<script type="text/javascript">

function test(o){

document.getElementById("info").style.width=o.scrollLeft + "px";

</script>

</head>

<body>

<div style="height:40px;width:400px;overflow:auto" onscroll="test(this)">

<div style="height:20px;width:800px"></div>

</div>

<h2>Scroll Bar</h2>

<div id="info" style="width:0px;height:8px;background:#0000DD"></div>

</body>

</html>

Mar

16 de Mayo del 2018

No ha dejado ningún comentario

Responder

gestio

19 de Julio del 2022

No ha dejado ningún comentario

Responder


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/s4422

Sumar los números de una cadena entre si hasta conseguir un solo dígito

Ver el Password de un input