Velocity.js的緩動功能無法正常工作

我調用velocity.js函數來顯示/隱藏導航欄直到視口。我有兩個功能來實現這一點。Velocity.js的緩動功能無法正常工作

function openNav(){ 
$('.navigation').velocity({height: "87vh"},{duration: 1000, display: 'block'}); } 


function closeNav(){ 
$('.navigation').velocity({height: '0vh'}, {duration: 1000, display: 'none'}); }

現在我想在兩個動畫中添加不同的緩動功能。

所以，從Velocity.js Easing Doc：

function openNav(){ 
$('.navigation').velocity({height: "87vh"},{duration: 1000, easing: 'easeOutBounce' , display: 'block'}); } 


function closeNav(){ 
$('.navigation').velocity({height: '0vh'}, {duration: 1000, easing: 'easeOutElastic' , display: 'none'}); }

但寬鬆的功能無法正常應用，我看到的默認行爲

我也試圖以這種方式添加緩和：

$element.velocity({height: '0vh'}, "easeOutElastic");

我想知道我錯在哪裏。

來源

2016-03-07 FilippoLcr

-1

TRY此

功能openNav（）{$速度（{高度（ '導航'）：「87vh」}，{持續時間：1000，顯示： '塊'}，{緩解：「easeOutBounce '}）; }

來源

2016-03-07 14:42:01

不幸的是，不工作。 – FilippoLcr

從來沒有如何Velocity參數爲easing工作，原始示例有正確的命令。 – Rycochet

標準velocity.js中不提供後退，反彈和彈性緩動類型。從文檔：

預包裝成速度是jQuery用戶界面的漸變效果，除了背部，彈跳和彈緩解類型。

但看看Ease+ for Velocity.js，它將Back，Elastic，Bounce添加到velocity.js中。

來源

2018-01-26 15:18:51 Steve

我準備在下週公開測試版中準備Velocity v2，這樣才能看到在這之前是否可以將這些緩動添加到它中。感謝您指出回購！ :-) – Rycochet

它們現在全部支持2.0.2（下一個beta版本） - 除了「Back」之外的所有內容都被2.0.0 – Rycochet

Velocity.js的緩動功能無法正常工作

回答

相關問題