Fermer la fenêtre contextuelle avant la transition vers le paysage

Question

Ma question est très simple. J'ai une fenêtre contextuelle qui s'ouvre de droite à gauche et je souhaite qu'elle se ferme de gauche à droite. Actuellement, je parviens à ouvrir la fenêtre contextuelle correctement, mais je ne parviens pas à la fermer comme prévu.

    

         
 bonjour 
    


.superposition {
    opacité : 0 ;
    transition : opacité 0,4s linéaire ;
}

.superposition {
   &.-afficher {
      Opacité : 1
   }
}

.superposition {
    .items-contenu {
         transformer : traduireX(200 %);
         transition : transformation facile en 0,4 s ;
     }
}

.superposition {
    &.-afficher {
       .items-contenu {
           transformer : traduireX(0);
           transition : transformation facile en 0,4 s ;
        }
    }
}
J'ai essayé de définir la transparence, d'ajouter des effets de transition et des délais de transition, mais rien ne semble fonctionner. 

Answer 1

Vous devez réinitialiser l'emplacement, veuillez essayer le code suivant :

.overlay {
&.-show {
   .items-content {
       transform: translateX(0); //  这里应该是0
       transition: transform 0.4s ease-in-out;
    }
}

}