Naprawdę dziwne "przerysowanie zachowania" za pomocą linków kotwicznych, twitter bootstrap fixed-navbar i wtyczka do atlasu

Question

Mam dziwne zachowanie podczas używania wtyczki dodatku Twitter, Bootstrap Fixed Navbar i łączy kotwicy. Zamierzam wyjaśnić mój problem, ale trudno to wyrazić słowami, więc proszę wybacz mi, jeśli nie jestem najczystszym.

Mam navbar-fixed-top u góry mojej strony. Zgodnie z tym mam div .container. Wewnątrz mam dwa div.spans (i span8). Wewnątrz span4 jest div.well, który ma przypisaną klasę affix-top (dzięki czemu uzyskuje stałą pozycję i "przykleja się" tam, gdzie jest). Wewnątrz mojego span8 mam sporo treści.

We wnętrzu well div znajduje się nav-list. Ta lista zostanie wypełniona elementami li/a opartymi na elementach w span8 (Mam mały skrypt, który to robi). Linki są kotwami, więc wskazują na elementy na stronie (#myId, #myIdTwo, itp.). Wszystko to działa cudownie. Moja lista jest tam, linki są klikalne, przenoszą mnie do moich elementów. Wspaniały.

Jednak nie świetne. Czasami, gdy klikam jeden z linków, przechodzę do mojej kotwicy w span8, ale strona wydaje się nie odświeżać poprawnie. Czasem widzę dziwne białe "pudełka". Lub zawartość wewnątrz zakresu wyświetli się częściowo nad ustalonym nav-header. Czasami połowa z nav-list znika ... ale potem wraca (sort-of), jeśli poruszę myszą wokół niego. Tak jak w niektórych starych aplikacjach Windows, które się grzęzły.

Można się przekonać tutaj: http://jaylach.github.com/lutra. Być może będziesz musiał kliknąć kilka linków nawigacyjnych kilka razy, zanim zauważysz problem.

Walczyłem z tym przez cały dzień i nie mogę, na moje życie, rozgryźć tego. Wyjąłem mocowania, wyjąłem stały górny pasek nawigacyjny, wyjąłem mój z-index. Po prostu nie mogę tego rozgryźć.

Czy ktokolwiek, gdziekolwiek, ma jakiekolwiek pojęcie o tym, co może być przyczyną? Byłbym wdzięczny za rady, które moglibyście dać.

Wielkie dzięki z góry !!

Answer 1

To jest błąd WebKit.

dodać -webkit-transform: scale3d(1,1,1); zarówno .navbar-fixed-top i .affix

oba style są zdefiniowane w bootstrap.min.css. Więc zastąpić te 2 style w main.css jak:

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