3 回答

TA貢獻1809條經驗 獲得超8個贊
添加另一個阻止過渡的CSS類,然后將其刪除以返回到先前的狀態。這使得CSS和JQuery代碼都簡短,簡單且易于理解。
CSS:
.notransition {
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
-ms-transition: none !important;
transition: none !important;
}
!important 已添加以確保此規則將具有更多的“權重”,因為ID通常比類更具體。
jQuery的:
$('#elem').addClass('notransition'); // to remove transition
$('#elem').removeClass('notransition'); // to return to previouse transition

TA貢獻1831條經驗 獲得超9個贊
我會提倡按照DaneSoul的建議禁用動畫,但是將開關設置為全局:
/*kill the transitions on any descendant elements of .notransition*/
.notransition * {
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
-ms-transition: none !important;
transition: none !important;
}
.notransition然后可以將其應用于body元素,從而有效覆蓋頁面上的所有過渡動畫:
$('body').toggleClass('notransition');
添加回答
舉報