- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- calcolare dov'è il top di un <div>
-
calcolare dov'è il top di un <div>
Ciao a tutti
vi spiace dare un'occhiata a questa pporzione di codice?
Si tratta di :1)un <div> che fa da contenitore alla pagina
2)Un div che visualizza una foto e del testo sopra la foro
- 4 immagini posizionate in maniera assoluta a sinistra della foto
I contenuti della pagina prima del div numero 2 sono dinamici e mentre le 4 immagini col numero 3 rimangono ferme il div numero 2 si posta in su e giù seppure di poco al variare del contenuto testuale sopra di lui
Io vorrei che il div 2 che è posizionato in maniera relativa e la prima delle 4 immagini avessero la medesima posizione di partenza (il top per intenderci)
Quindi siccome il div 2 ha la posizione relativa e variabile in base al contenuto testuale posto sopra di lui io vorrei calcolare il suo top ad ogni variazione dinamica per poi posizionalre allo stesso top la prima delle 4 immagiubni di cui il numero 3
Come posso fare?
Grazie- <div style="padding:0px 10px 0px 10px">
<br /><br />
<center> - <div style=" background-image:url(images/xxxxxx.jpg);background-repeat:no-repeat;background-position:center center;position:relative;height:503px;width:800px;">
3)<img src="images/zzzz.gif" style="position:absolute;top:250px;left:10px;z-index:10000;border:1px solid black" alt="" />
3) <img src="images/zzzzz.jpg" style="position:absolute;top:456px;left:10px;z-index:10000;border:1px solid black" alt="" />
3) <img src="images/zzzzzz.jpg" style="position:absolute;top:350px;left:10px;z-index:10000" alt="" />
3) <img src="images/ccvv.gif" style="position:absolute;top:540px;left:10px;z-index:10000;border:1px solid black" alt="" />
- 4 immagini posizionate in maniera assoluta a sinistra della foto
-
Non ho capito molto bene il tutto...ma nel frattempo credo che questa funzione ti possa servire:
function posizione(el) { var p = { x: el.offsetLeft, y: el.offsetTop }; while (el.offsetParent) { el = el.offsetParent; p.x += el.offsetLeft; p.y += el.offsetTop; if (el != document.body && el != document.documentElement) { p.x -= el.scrollLeft; p.y -= el.scrollTop; } } return p; } pos = posizione('elemento'); alert("x: "+pos.x+" - y: "+pos.y);
-
Grazie 1000
Per ora l'unico browser che non riconosce la funzione è chrome.