fullpage.js - Lottie アニメーション onScroll のトリガー

Question

現在、フルページ js と宝くじアニメーションを使用して Web サイトを構築しています。ユーザーがアニメーションのあるセクションにスクロールすると、アニメーションをトリガーしようとしています。これが私が試したことです:(私はjsに非常に慣れていないことに注意してください)

$(document).ready(function($) {'use strict';

$('#fullpage').fullpage({
sectionsColor: ['white', '#004E8A', 'white','#004E8A', 'white', '#004E8A', 
'white','#004E8A', 'white'],
anchors:['startseite','pers_vermittler','team','konzept','rechner','mod_portfolio','sicherheit','absatz'],

onLeave: function(index, nextIndex, direction) {
    if( index == 3 && direction == 'down' ) {
    lottie.play('k2an');
  }

(ボディセクションの最後に ->)

<script>
var params = {
    container: document.getElementById('k2an'),
    renderer: 'svg',
    loop: true,
    autoplay: false,
    path: 'k2an.json',
};

anim = lottie.loadAnimation(params);