Foros del Web - Ver Mensaje Individual - ¿Cómo hacer transform:translate con puro javascript?

berkeleyPunk · #1 (**permalink**) 15/02/2014, 17:43

Buen día.

La idea es emular en javascript el transform:translate de CSS.

Googleando, me encontré con esta página.

Aquí se halla un script que hace casi exactamente lo que pretendo.

La función de dicho script cuenta con un argumento. Pero resulta que mis necesidades requieren que la función no necesite argumentos.

Entonces, modifiqué dicho script anidando 2 funciones, pero no logro que funcione.

Código HTML:

Ver original<body onload="mover()">
 
  <div id="capa">DIV</div>
 
</body>

Código CSS:

Ver original#capa {
    position:absolute;
    top:0px;
    left:0px;
    width:100px;
    height:100px;
    background-color:black;
    color:white;
}

Código Javascript:

Ver originalfunction mover()
    {
        function x(pixelInicial)
        {
            pixelInicial = pixelInicial + 1;
      
            if (pixelInicial != 200)
            {
                document.getElementById("capa").style.top = pixelInicial + "px";
                setTimeout( "x(" + pixelInicial + ")", 10 );
            }
        }
        
        return x(0);
    }

¿Qué modificamos para que funcione?

Saludos cordiales.