¿cómo saber posición de un elemento?

SJENERT · #1 (**permalink**) 13/05/2011, 22:34

Hola, nesesito saaber la poición de un elemento y hacer que se desplace segun el scroll, me explicare mejor

Han visto en akgunas webs que cuando entran se abre una una cajita don publicidad o advirtiendotre que no estás legedo y si te dewsplazas para abajo o para arriba la cajita te va siguiendo?
pues necesito saber easo, los pixeles para calcular a mi ekenento a X cantidad de pixeles de la parte superior del navegador sin importar cuanto suban y bajen

Panino5001 · #2 (**permalink**) 14/05/2011, 13:29

Probá así para obtener la posición del elemento:

Código PHP:

  <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&#237;tulo</title>
<script type="text/javascript">
function getElementPosition() {
        var offsetTrail = this;
        var offsetLeft = 0;
        var offsetTop = 0;
        while (offsetTrail) {
            offsetLeft += offsetTrail.offsetLeft;
            offsetTop += offsetTrail.offsetTop;
            offsetTrail = offsetTrail.offsetParent;
        }
        return {left:offsetLeft, top:offsetTop};
}
onload=function(){
    var pos=getElementPosition.call(document.getElementById('pp'));
    alert('x: '+pos.left);
    alert('y: '+pos.top);
}
</script>

</head>

<body>
<div id="pp" style="position:absolute; width:100px; height:100px; top:100px; left:220px; background:#F00"></div>
</body>
</html>

Aunque para lo que estás solicitando (si entendí bien) lo mejor sería usar css y position:fixed.

SJENERT · #3 (**permalink**) 15/05/2011, 10:24

Gracias por responder, ya solucioné lo que buscaba más el uso de scrollY