지연 이전에 모달의 배경을 변경하십시오.

Question

이 웹 사이트에서이 material modal pop-up (http://codepen.io/ettrics/pen/Jdjdzp/)을 사용하면 완벽하게 작동하지만 한 가지 수정이 필요합니다. 스 니펫에서 볼 수 있듯이 버튼을 클릭하면 400ms의 지연이 발생하고 그 이후에 모달 콘텐츠가 표시됩니다. 400ms의 정의 된 지연 후에도 모달 내용의 배경이 바뀝니다. 내가 원하는 것은 배경색이 immediately once the button is clicked으로 변경되고 모달 콘텐츠가 400ms 후에 정상적으로로드되어야한다는 것입니다.

&__bg 클래스는 모달의 배경을 제어합니다. 스 니펫에서 투명하게 설정됩니다. 검은 색과 같은 단색으로되어 있다고 가정 해보십시오.

자바 스크립트 사용 경험이 없습니다. 작은 도움을 권유합니다.

Answer 1

여기에 원하는 변경 사항이 수정 된 펜이 있습니다.

것은 즉시 모달을 보여하지만 잠시

window.setTimeout(function(){ 
       // reveal the modal content 
       content.classList.add('modal__content--active'); 
      },contentDelay); 

http://codepen.io/anon/pen/ZpYEvL

에 대한 내용을 숨기려는 것입니다