Estoy usando este javascript para acercar:

 function zoomin() { var GFG = document.getElementsByClassName("ImageClass")[0]; var currWidth = GFG.clientWidth; GFG.style.width = (currWidth + 100) + "px";}

La clase "ImageClass" se encuentra directamente en una imagen

Tengo el siguiente CSS:

 .list-size { width: 700px; max-width: 700px; height: 700px; max-height: 700px; overflow-y: scroll; overflow-x: scroll; text-align: center; vertical-align: baseline;} .ImageClass { max-width: 2000px; max-height: 2000px;}

la clase "tamaño de lista" se coloca en un div que encierra varios div y termina encerrando la imagen.

Cuando hago zoom, aparece el desplazamiento vertical pero no el desplazamiento horizontal.

¿Alguien puede ayudar?

Gracias