2014-04-09 11 views
8

C'è un modo per mantenere fisso l'elemento "Ciao"? In questo modo, quando un utente scorre verso l'alto o verso il basso, l'elemento ciao non si sposta dalla sua posizione.La posizione corretta non funziona con trasformazione proprietà CSS

Ecco l'esempio: http://jsfiddle.net/VR5P8/

Ecco l'CSS:

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

ecco il codice della confezione dell'elemento "Ciao":

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

Hai applicato la trasformazione al div sbagliato: http://jsfiddle.net/Paulie_D/VR5P8/1/ –

+0

Possibile duplicato di [webkit css 'transform3d' + 'position: fixed' issue] (http://stackoverflow.com/questions/15194313/webkit-css-transform3d-position-fixed-issue) – TylerH

risposta

4

Credo che questo 'transform3d' not working with position: fixed children affronta il tuo problema. È un po 'difficile dalla tua descrizione e dal tuo violino capire cosa stai cercando di ottenere.

+1

Semplicemente ho un elemento wrapper che viene spostato dalla trasformazione CSS e in esso ho un altro elemento che voglio rimanere fisso nel viewport . – jnbdz

Problemi correlati