Konum sabit olduğunda geçiş çalışmaz

Question

Çıkışı görmek için kod kutusundaki simgeye tıklayın.

Konteynerin sabitlenmesini istiyorum. Ancak kap sabitlendiğinde X simgesi için geçiş çalışmaz. Menü düğmesine tıkladığımda X simgesinin bir geçişi yok. X simgesinin nasıl etkilendiğini görmek için düzeltilen konumu kaldırmanız gerekir.

#container { 
    display: none; 
/* Uncomment the position fixed */ 
/* position: fixed; */ 
    height: 100%; 
    width: 100%; 
    background: blue; 
    z-index: 9999; 
    transition: all 0.2s linear; 
} 

#menu, #close {  
    position: absolute; 
    top: 4%; 
    right: 2%; 
    transition: all 0.3s linear; 
    font-size: 3em; 
} 

#close { 
    opacity: 0; 
} 

Answer 1

Eğer geçici kabın konumunu değiştirebilir menü simgesine tıklayın

https://codepen.io/anon/pen/dzxaGb

. En iyisi değil ama işe yarıyor.

bu kodu ekleyin

:

menu.onclick = function() { 
    container.style.position = 'static'; 
} 

x.onclick = function() { 
    container.style.position = 'fixed'; 
}