Código de JavaScript - Barra de Progreso del Scroll

Imágen de perfil
Val: 1.407
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Barra de Progreso del Scrollgráfica de visualizaciones


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 4 de Febrero del 2018 por ScriptShow
1.610 visualizaciones desde el 4 de Febrero del 2018
  • ScriptShow se encuentra ahora conectado en el
  • chat de PHP
Barra de Progreso para el Scroll con JavaScript. Un evento y la función procesan la posición del Scroll... Mejor lo vemos.

scrollbar

Requerimientos

Un navegador web y/o dispositivo compatible.

1.0
estrellaestrellaestrellaestrellaestrella(1)

Publicado el 4 de Febrero del 2018gráfica de visualizaciones de la versión: 1.0
1.611 visualizaciones desde el 4 de Febrero del 2018
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

Versión experimental.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!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>



Comentarios sobre la versión: 1.0 (1)

Mar
16 de Mayo del 2018
estrellaestrellaestrellaestrellaestrella
No ha dejado ningún comentario
Responder

Comentar la versión: 1.0

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s4422