2014-10-30 2 views
0

원격로드 된 모달과 함께 부트 스트랩 v3.3.0을 사용하고 있습니다. 리모트 모달은 잘 작동하지만, 페이드 효과는 모달이 내가 사용하는 리모트 로딩 대신 내용으로 미리로드 될 때처럼 매끄럽지 않다는 것을 알 수 있습니다. AJAX 호출은 내 모든 모달에 대해 매우 작기 때문에로드 표시기 또는 진행률 표시 줄이 필요하거나 필요하지 않습니다. 콘텐트가 원격으로로드 될 때까지 페이드 애니메이션을 지연하고 싶습니다. 1 초의 일부). 콘텐츠가로드 될 때까지 페이드 인 애니메이션의 지연을 지정하기 위해 javascript/jquery를 사용하는 방법이 있습니까? 미리 감사드립니다.Boostrap 리모트 모달 : 로딩 후까지 애니메이션 지연

당신은 순수 CSS로 지연을 추가 할 수 있습니다

답변

1

: 수직 애니메이션이 문제가 너무 경우

.fade{ 
    -webkit-transition-delay: .5s; // make this however long you need 
    transition-delay: .5s; 
    } 

또한이, 당신은 그것을 해제 할 수 있습니다 :

.modal.fade .modal-dialog { 
    -webkit-transform: none; 
    -o-transform: none; 
    transform: none; 

} }

+0

.fade 클래스로의 전환 지연은 완벽하게 작동했습니다. .1s 지연을 추가하면 페이드 및 수직 변환이 버터처럼 부드럽게됩니다. 내가 생각하지 못했던 그런 간단한 해결책. – jjspierx