Che cosa renderebbe offsetParent null?

Sto provando a fare il posizionamento in JavaScript. Sto utilizzando una funzione di posizione cumulativa basata sullo classic quirksmode function che somma offsetTop e offsetLeft per ogni offsetParent fino al nodo superiore.Che cosa renderebbe offsetParent null?

Tuttavia, sto riscontrando un problema in cui l'elemento che mi interessa non ha offsetParent in Firefox. In IE offsetParent esiste, ma offsetTop e offsetLeft tutto sommato a 0, quindi ha lo stesso problema in vigore come in Firefox.

Che cosa potrebbe causare un elemento che è chiaramente visibile e utilizzabile sullo schermo per non avere un offsetParent? O, più in pratica, come posso trovare la posizione di questo elemento al fine di posizionare un menu a discesa al di sotto di esso?

Edit: Ecco come riprodurre un caso particolare di questo (non risolto dalla risposta correntemente accettata):

Aprire il home page of Stack Overflow.

eseguire il seguente codice nella console del browser web (per esempio Chromev21):

var e = document.querySelector('div'); 
console.log(e); 
// <div id="notify-container"></div> 
do{ 
    var s = getComputedStyle(e); 
    console.log(e.tagName,s.display,s.visibility,s.position,e.offsetParent); 
} while(e=e.parentElement) 
// DIV block visible fixed null 
// BODY block visible static null 
// HTML block visible static null

Perché è la offsetParent di quell'elemento null?

fonte

2008-11-20 Brian Ramsay

Si prega di inviare alcuni codice di esempio. –

Un esempio reale che mostra l'elemento difettoso potrebbe aiutare ... – PhiLho

Nel tuo caso, è a causa di 'position: fixed' - non c'è layout parent – Bergi

Se il documento non è terminato il caricamento quindi offsetParent può essere nullo

fonte

2008-11-20 18:46:06 Greg

Questa è una vecchia questione, ma ho un altro caso. Se si manipola il DOM, si può finire con un offset offset null - in IE6 e IE7.

See: IE 6/7 - "Unspecified Error" when accessing offsetParent (Javascript)

fonte

2010-04-27 23:18:39 Mark

Ho eseguito in questo problema quando il fratello appena a sinistra dell'elemento è nascosta:

<div id="parent"> 
    <div id="element1">some stuff</div> 
    <div id="element2" style="display: none">some hidden stuff</div> 
    <div id="element3">child whose offset we want</div> 
</div>

ho incontrato il caso in cui l'offsetParent di element3 è nullo anche se elemento3 è visibile e genitore è visibile.

ho visto sottile è Firefox 3.6 e Chrome 5. sembra influenzare anche la getBoundingClientRect() funzione sul element3, che è davvero fastidioso in quanto funziona in tanti altri casi!

fonte

2010-07-22 20:24:25 Norman

https://developer.mozilla.org/en/DOM/element.offsetParent

offsetParent restituisce null quando l'elemento ha style.display impostato su "none".

fonte

2010-10-06 22:50:14 Ivan

Per la mia risposta di seguito, ho modificato la pagina MDN per notare che ci sono altre situazioni per i browser non FF che causano anche la situazione. – Phrogz

offsetParent restituirà null se il tuo oggetto elemento non è stato ancora aggiunto al DOM.

fonte

2011-01-15 20:40:08

Ho fatto a test of 2,304 divs con combinazioni uniche di valori per position, display e visibility, annidato all'interno combinazioni uniche di ciascuno di questi valori, e determinato che:

un elemento altrimenti valido
che è un discendente di <body>
non avrà un valore offsetParent se:

L'elemento ha position:fixed (Webkit e IE9)
L'elemento ha display:none (Webkit e FF)
Qualunque antenato ha display:none (Webkit e FF)

È anche ragionevole aspettarsi che un elemento che non ha un genitore o che non è stato aggiunto alla pagina stessa (non è un discendente dello <body> della pagina), avrà anche offsetParent==null.

fonte

2012-07-24 21:33:54 Phrogz

Mi ha salvato, grazie! – SeanKendle

Che cosa renderebbe offsetParent null?

risposta

Problemi correlati