1. Con una cuenta podrás:

    • Publicar preguntas y pedir ayuda
    • Crear tutoriales
    • Acceder a contenido privado
    • Convertirte en un Héroe de la web
    Cerrar notificación
  2. Eres nuevo en la comunidad y necesitas ayuda?
    Sigue estos pasos y recomendaciones antes de publicar tu duda:
    Cerrar notificación

Ayuda Position:fixed y transform:translateX() entran en conflicto

Tema en 'HTML y CSS' comenzado por Jopzik, 9 de Agosto de 2017.

  1. Jopzik

    Jopzik Nuevo Miembro

    Se incorporó:
    22 de Abril de 2016
    Mensajes:
    7
    Me gusta recibidos:
    0
    Puntos de trofeos:
    1
    Género:
    Hombre
    Buenas, colegas de Heroes de la web. Me encontraba trabajando en un menú y noté que la momento de hacer una transición quedaba algo trabado, por lo que en lugar de right o left decidí utilizar transform: translateX()

    Create a New Pen - Opera.jpg

    Gracias a esto logré una animación mucho más suave, pero mi sorpresa fue que gracias a esto, el position:fixed de un contenedor hijo dejó de funcionar y no logró solucionarlo

    Create a New Pen - Opera_2.jpg

    No quiero regresar al left o right ya que la animación no se traba al usar el translate. Dejo el código en Codepen para ver si pueden ayudarme. De antemano gracias.

    https://codepen.io/anon/pen/oeWbYK?editors=1100
     
  2. AngelKrak

    AngelKrak Héroe de la web

    Se incorporó:
    29 de Abril de 2015
    Mensajes:
    1.464
    Me gusta recibidos:
    674
    Puntos de trofeos:
    113
    Género:
    Hombre
    Ocupación:
    Freelancer
    Localización:
    Guadalajara
    Página web:

Comparte esta página