Wenn Sie in Chrome auf "Produktion" und dann auf "Kontakt" klicken, wird die Überschrift "Position: Fixed" nicht mehr angezeigt, sondern Sie kehren zurück, wenn Sie das Scrollrad bewegen. Ich habe keine Ahnung, was die Ursache ist, und bisher kann ich es nur in Safari und Chrome finden, aber Firefox ist in Ordnung, also denke ich, dass es ein Webkit-Bug ist.
Eigentlich, wenn du es dir nah ansiehst, hat in Firefox auch der selbe Bug. Der Unterschied ist, dass dort weniger Inhalt von der vorherigen Verbindung angezeigt wird. Vielleicht kann Ihr Problem gelöst werden, indem Sie in CSS einen Min-height-Wert für die divs der Links definieren.
%Vor%Nach einem lokalen Test sah ich das wahre Problem :). Ich habe eine correction.css erstellt und getestet in Opera 11, Safari 5, Firefox, 3.6, Firefox 4.0 Beta 11 und Chrome 9 alle auf Mac OS X. Datei hat diesen Inhalt:
%Vor%Eine Methode zur Lösung dieses Problems besteht darin, die Elemente mit fester Position in ihre eigenen Render-Ebenen zu zwingen. Dies kann beispielsweise durch Anwenden einer 3d-Transformation erfolgen:
%Vor%Hoffe, das hilft.
Die Höheneinstellung hat nichts für mich getan. Der Fix für das Problem mit einem festen Positionselement, das in Chrome für mich verschwindet, ist:
window.scrollTo(window.pageXOffset,window.pageYOffset-1);
Feste Positionselemente werden standardmäßig sowohl in Blink als auch in WebKit auf eine zusammengesetzte Ebene gehoben. Es ist nicht notwendig, fixierte Positionselemente in Safari anzuheben, da sie bereits zusammengesetzt sind.
Was Sie tun müssen, ist das Gegenteil. Sie müssen alle nicht fixierten: Positionselemente mithilfe von translateZ (0):
aufheben