2014-10-30 27 views
0

我使用Bootstrap v3.3.0與遠程加載模式。遠程模式工作正常,但我注意到淡入淡出效果不如使用內容而不是我正在使用的遠程加載的模式預先加載時那樣流暢。 AJAX調用對於我所有的模式都非常小,所以我不需要加載指示器或進度條,我只想延遲淡出動畫,直到內容被遠程加載後(這絕不會超過幾分之一秒)。有沒有一種方法使用javascript/jquery指定淡入動畫的延遲,直到內容加載完成爲止?提前致謝。Boostrap遠程模式:延遲動畫,直到加載後

回答

1

您可以用純CSS添加延遲:

.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類的過渡延遲對我來說非常合適。再加上一個.1秒的延遲,淡化和垂直變換就會再次平滑。這是一個我沒有想到的簡單解決方案。 – jjspierx 2014-10-30 18:20:09