Davvero strano "comportamento di ridisegno" con link di ancoraggio, twitter bootstrap fixed-navbar e plug-in affisso

Question

Sto vivendo un comportamento estremamente strano quando utilizzo il plugin affisso di Twitter Bootstrap, la barra di navigazione fissa ei collegamenti di ancoraggio. Cercherò di spiegare il mio problema, ma è un po 'difficile da tradurre in parole, quindi per favore perdonami se non sono il più chiaro.

Ho un navbar-fixed-top nella parte superiore della mia pagina. Sotto che ho un div .container. Dentro là ho due div.spans (span4 e span8). All'interno di span4 è un a cui è stata applicata la classe affix-top (quindi ottiene una posizione fissa e "si blocca" dove si trova). Dentro il mio span8 ho un sacco di contenuti.

All'interno del div well vi è un nav-list. Questo elenco viene popolato con gli elementi li/a in base agli elementi nello span8 (ho un piccolo script che esegue questa operazione). I collegamenti sono ancore, pertanto indicano gli elementi nella pagina (#myId, #myIdTwo, ecc.). Tutto questo funziona meravigliosamente. La mia lista è lì, i link sono cliccabili, mi portano ai miei elementi. Grande.

Tuttavia, non eccezionale. A volte, quando faccio clic su uno dei link, vado al mio ancoraggio nello span8 ma la pagina non sembra aggiornarsi correttamente. A volte vedo strane "scatole" bianche. O il contenuto all'interno dello span mostrerà in parte sopra il fisso nav-header. A volte la metà dello nav-list scompare .. ma poi torna indietro (in ordine alfabetico) se lo spostamento con il mouse. Come se tu fossi solito vedere alcune vecchie applicazioni di Windows che si stavano impantanando.

Potete vedere voi stessi qui: http://jaylach.github.com/lutra. Potrebbe essere necessario fare clic su alcuni dei collegamenti nav un paio di volte prima di vedere il problema.

Ho lottato con questo per tutto il giorno e non posso, per la vita di me, capirlo. Ho tolto gli affissi, ho estratto la barra di navigazione superiore fissa, ho estratto il mio z-index. Non riesco proprio a capirlo.

Qualcuno, ovunque, ha qualche indizio su cosa potrebbe causare questo? Apprezzerei molto ogni consiglio che potreste dare voi.

Molte grazie in anticipo !!

Answer 1

Questo è un bug WebKit.

aggiungere -webkit-transform: scale3d(1,1,1); sia .navbar-fixed-top e .affix

entrambi gli stili sono definiti nel bootstrap.min.css. Quindi ignorare questi 2 stili nel vostro main.css come:

.affix,.navbar-fixed-top { 
-webkit-transform: scale3d(1,1,1); 
}