Воспроизведение анимации bodymovin кадр за кадром при прокрутке - PullRequest
Новая
       38

Воспроизведение анимации bodymovin кадр за кадром при прокрутке

0 голосов
/ 16 июня 2019

У меня загружена анимация bodymovin в Wordpress, скрипт, который я использую, прекрасно работает, но Jquery.min.js конфликтует с моими файлами тем и останавливает жизненно важные функции внутри темы.

Я ищу альтернативный метод, который избегает загрузки Jquery.min.js, но пока не могу найти ничего, что работает. 

<script>
var theWindow = $(window);
var winHeight = theWindow.height();
var animDuration = winHeight * 5;
var animData = {
container: document.getElementById('container'),
renderer: 'svg',
loop: true,
autoplay: false,
path: 'http://anthonynoyce.design/verbose/wp-content/uploads/2019/06/data.json'
};
var anim = bodymovin.loadAnimation(animData);

$( window ).scroll(function() {
animatebodymovin(animDuration, anim);
});

function animatebodymovin(duration, animObject) {

var scrollPosition = theWindow.scrollTop();
var maxFrames = animObject.totalFrames;
var frame = (maxFrames / 150) * (scrollPosition / (duration / 100));

animObject.goToAndStop(frame, true);

}
</script>

Я получаю ошибку: 

Uncaught TypeError: Cannot read property 'concat' of undefined
at custom.min.js?ver=3.23.3:97
at custom.min.js?ver=3.23.3:97
at custom.min.js?ver=3.23.3:97
at custom.min.js?ver=3.23.3:97
...