2014-01-14 4 views
0

그래서 기본 모달 애니메이션에 문제가 있습니다.부트 스트랩 2 모달 애니메이션 지연

모달 창으로 페이드 인 애니메이션의 애니메이션 속도를 사용자 지정하는 방법을 알고 있지만 문제가 있습니다.

.modal-backdrop div가 페이드 인 할 때와 실제 .modal div가 페이드 인하는 사이에 지연이 있습니다.이 지연은 처음에는 모달 몸체가 위로부터 아래로 슬라이드하는 시간을 고려한 것입니다.

나는 애니메이션 위에서 아래로 슬라이드를 삭제 한 단지는에 간단하고 빠른 페이드를 원한다.

내가 상관없이 내가 .modal.fade/.modal.fade.in classes에 적용 hackyness 어떤 종류의,이 지연을 제거하지 수없는 것 .

어디에서이 지연은 부트 스트랩에서 온 것입니까?

+0

어떻게 슬라이드 애니메이션을 제거 했습니까? – isherwood

답변

0

슬라이드 전환을 제거하면 다른 모든 기능이 정상적으로 작동하는 것 같습니다.

http://jsfiddle.net/isherwood/vvsnB/

.modal.fade { 
    -webkit-transition: none; 
    -moz-transition: none; 
    -ms-transition: none; 
    -o-transition: none; 
    transition: none; 
} 
+0

나는 당신과 같은 지점으로 갈 수 있었지만 주목해야 할 2 가지가 있습니다. 1, 모달 몸체가 실제로 사라지지 않고 그 앞에 배경이 있습니다. 2, 당신이 모달을 닫을 때, 몸은 페이드 아웃하지 않고 페이드 아웃하기 전에 약 1 초 동안 배경이 지연됩니다. 이것들이 내가 말하고있는 문제들이다. – Sneaksta