Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

UI pack: Can’t use slideUp/Down or fadeIn/Out within Velocity.RegisterEffect

See original GitHub issue

I’d like to leverage slideUp/Down in my UI transition, but am unable to.

Have tried something like this:

$.Velocity.RegisterEffect("transition.openDrawer", {
    defaultDuration: 800,
    calls: [
        [{ slideDown }, { duration: 1200 }],
        [{ opacity: 1 }, { queue: false }]

As well as:

// line 4
        [slideDown, { duration: 1200 }],

Console output

Uncaught ReferenceError: slideDown is not defined

Is this possible at present?

Many thanks.

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:5

github_iconTop GitHub Comments

Rycochetcommented, Apr 13, 2017

Cool, I didn’t know and didn’t expect it to, but good to hear 😃

Rycochetcommented, Apr 13, 2017

A lot of the props aren’t passed on - but changing (which will happen) will be a breaking change in the future.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Complete callback fired per animated element when using ...
Hi! I noticed the complete callback fires once per animated element when using one velocity call on a jQuery collection of multiple elements ......
Read more >
javascript - Velocity.js UI pack effects not applying with Blast.js ...
The problem is that no matter what effect I use, I always get the fade-out effect. On the same page I have a...
Read more >
Watch (10min) a tutorial explaining how this 3D demo was built in Velocity. Watch (5min) a tutorial explaining how Velocity's UI pack improves...
Read more >
Faster UI Animations With Velocity JS - Smashing Magazine
Let's dive into some simple code examples. Using The UI Pack #. Callouts and transitions are referenced via Velocity's first parameter: Pass in...
Read more >
Make Your Website Interactive and Fun with Velocity.js (No ...
In the demo below, I use Velocity.js UI Pack to hide a form after submission and show a success icon to the user....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found