Programación Web y Scripting > JavaScript

 Objeto En Movimiento

<< < (2/3) > >>

odp77:
Gracias muchachos por sus aportes.

Voy a aplicarlos y les comento como me fue.

odp77:

--- Cita de: "venedan" ---WTF  :o que ventana emergente ni que nada pana, para eso que pides hay un par de metodos en javascript que te lo permitira hacer y son estos dos:

objeto.style.top = document.body.scrollTop;
objeto.style.left = document.body.scrollLeft;

con eso hara que al mover el scroll de la pagina hacia abajo o hacia la derecha el objeto que en tu caso sera la calculadora siempre se mantendre visible en la posicion que le coloques
--- Fin de la cita ---
Te cuento que me fue mal  :(

Tengo la calculadora en un tag div cuyo id lo llamo calculadora.

al principio de la pagina coloco lo que me dijiste asi:


--- Código: Text --- calc = document.getElementById('calculadora');calc.style.top = document.body.scrollTop;calc.style.left = document.body.scrollLeft;   
Pero no ocurre nada  :blink:

No se que pueda estar haciendo mal, ojala me puedas colaborar.

Gracias.

venedan:
por supuesto que no te va a ocurrir nada primero por lo que veo no estas llamando a la funcion tendrias que colocar algo como lo siguiente

<script language="javascript">

function calculadoraVisible() {
  var calc= document.getElementById("calculadora");
  calc.style.top = document.body.scrollTop;
  calc.style.left = document.body.scrollLeft;
}

window.onscroll = calculadoraVisible;

</script>

odp77:

--- Cita de: "venedan" ---por supuesto que no te va a ocurrir nada primero por lo que veo no estas llamando a la funcion tendrias que colocar algo como lo siguiente

<script language="javascript">

function calculadoraVisible() {
  var calc= document.getElementById("calculadora");
  calc.style.top = document.body.scrollTop;
  calc.style.left = document.body.scrollLeft;
}

window.onscroll = calculadoraVisible;

</script>
--- Fin de la cita ---


Casi no me falto nada, jiji  :D

Pero ahora le cuento que cuando muevo la pagina, la calculadora se va automaticamente para arriba y la izquierda pero se queda ahí cuando muevo el scroll :blink: , lo probre en mozilla y en Explorer y nanai.

venedan:
exactamente ese codigo hace que el objeto (en este caso la calculadora) se mantenga arriba y a la izquierda todo el tiempo incluso haciendo scroll en la pagina si quieres que se pocisione en otra direccion dale valores de suma o de resta por ejemplo document.body.scrolltop + 50; si en todo caso se te hace muy engorroso para colocarlo en la posicion que quieres haz lo que te dijo mollense le fijas un nombre al id y luego con css le colocas el atributo position a fixed

Navegación

[0] Índice de Mensajes

[#] Página Siguiente

[*] Página Anterior