Topic: Start Chart animation after WOW animation
Volodymyr Yatsynych pro asked 7 years ago
<div class="wow fadeInRightBig" data-wow-delay="0.3s"> ... <canvas id="chart-1"></canvas> </div>
How to start Chart animation after parent container animation finished?
Adrian Sawicki free answered 7 years ago
data-wow-delay
). It's not a perfect solution but it's easy to implement.
2 - you can setTimeout on your chart.
3 - you can setTimeout and use a function to check if the chart is in view( when a user scrolls to it). Good example of it is on StackOverflow
I hope those answers helped you this time.
Regards,
Adrian
Volodymyr Yatsynych pro answered 7 years ago
new WOW({ callback: afterChart }).init();
function afterChart( el )
el.addEventListener('animationend', function( event )
{
// Code
});
Adrian Sawicki free answered 7 years ago
data-wow-delay
on your child elements.
Regards,
Adrian
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
- ForumUser: Pro
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: Yes
- Provided link: No