0

Se pueden controlar dos scrollbar con un solo, es decir si lo muevo a la derecha que se muevan al mismo tiempo???

1

1 respuesta 1

0

<!DOCTYPE html>
<html>
<head>
<style>
#myDIV {
    height: 250px;
    width: 250px;
    overflow: auto;
    float:left;
}

#myDIV2 {
    height: 250px;
    width: 250px;
    overflow: auto;
}

#content {
    height: 800px;
    width: 2000px;
    background-color: coral;
}
</style>
</head>
<body>

<div id="myDIV" onscroll="myFunction()">
  <div id="content">Div 1........................</div>
</div>

<div id="myDIV2" onscroll="myFunction()">
  <div id="content">Div 2---------------------------</div>
</div>


<script>
function myFunction() {
    var elmnt = document.getElementById("myDIV");
    var elmnt2 = document.getElementById("myDIV2");
    var x = elmnt.scrollLeft;
    var y = elmnt.scrollTop;
    elmnt2.scrollLeft = x;
    elmnt2.scrollTop = y;
    
}
</script>

</body>
</html>

Con scrollLeft puedes obtener cuando se ha movido a la derecha y asignarselo al div que también deseas mover, con scrollTop es lo mismo pero hacia arriba.

Para más información https://www.w3schools.com/jsref/prop_element_scrolltop.asp

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.