(모바일) zIndex / ontransitioned 이벤트순서/

포지셔닝이 스테틱이아니면 제트축존재

1.어사이드

2.스크린

3.헤더

 

햄버거버튼을 눌렀을때 검정화면이 먼저뜨고(screen) 어사이드메뉴가 다음에 왼쪽에서 슬라이드되려면 ? 

1.setTimeout의 시간조정 (screen.style.transition = ".5s" ; )이므로 500을 지정해주면 

0.5초기다렸다가 실행된다. (딜레이시키는것)

앞의 애니메이션(검정색)끝난후 흰색어사이드가나온다 / 시간을늦춘것

2. screen.ontransitioned = function(e) { } 앞의 이벤트가 끝난다음에 실행된다.

screen.style.transition = ".5s"; screen.ontransitioned = function(e){  }

에니메이션끝난다음에 실행

aside.style.left = "30%";