2014-04-09 5 views
8

Gibt es eine Möglichkeit, das "Hallo" -Element fest zu halten? Wenn ein Benutzer nach oben oder unten scrollt, bewegt sich das hello-Element nicht von seiner Position. HierPosition behoben funktioniert nicht mit Transformation CSS-Eigenschaft

ist das Beispiel: http://jsfiddle.net/VR5P8/

Hier ist die CSS:

#hello { 
position: fixed; 
border: 1px solid #000; 
height: 100px; 
width: 100px; 
background-color: white; 
} 

Hier ist der Code der Hülle des "Hallo" Elements:

-webkit-transform: translate(394px, 0px); 
+1

Sie haben die Transformation auf das falsche div angewendet: http://jsfiddle.net/Paulie_D/VR5P8/1/ –

+0

Mögliches Duplikat von [webkit css 'transform3d' + 'position: fixed' Problem] (http://stackoverflow.com/questions/15194313/webkit-css-transform3d-position-fixed-issue) – TylerH

Antwort

4

ich glaube 'transform3d' not working with position: fixed children behebt Ihr Problem. Es ist etwas schwer von deiner Beschreibung und deiner Geige zu verstehen, was du erreichen willst.

+1

Einfach habe ich ein Wrapper-Element, das durch CSS-Transformation bewegt wird und in ihm habe ich ein anderes Element, das ich im Ansichtsfenster fixiert bleiben möchte . – jnbdz