Сбросить анимацию? (Pagepiling. js) - PullRequest
0 голосов
/ 12 января 2020

Мне нужна помощь. Хорошо, у меня есть некоторый код, например:

    $(document).ready(function () {
        $('#pagepiling').pagepiling({
            menu: '#menu',
            scrollingSpeed: 300,
            easing: 'easeInCubic',
            resetSliders: true,
            navigation: {
                'position': 'right',
            css3: true,
            lazyLoading: true,
            anchors: ['page1', 'page2', 'page3', 'page4', 'page5', 'page6', 'page7', 'page8', 'page9', 'page10', 'page11', 'page12', 'page13', 'page14', 'page15', 'page16', 'page17', 'page18', 'page19', 'page20', 'page21', 'page22', 'page23'],
            onLeave: function (index, nextIndex, direction) {
                if (deleteLog) {
                    $('#callbacksDiv').html('');
                }
                $('#callbacksDiv').append('<p>onLeave - index:' + index + ' nextIndex:' + nextIndex + ' direction:' + direction + '</p>')
            },
            afterRender: function () {
                $('#callbacksDiv').append('<p>afterRender</p>');
            },
            afterLoad: function (anchorLink, index) {
                $('#callbacksDiv').append('<p>afterLoad - anchorLink:' + anchorLink + " index:" + index + '</p>');

                //slide 2
                if (index == 2) {
                    //moving the image
                    $('#slide2').find('.intro').delay(100).animate({
                        left: '0%'
                    }, 1500, 'easeOutExpo', function () {
                        $('#slide2').find('p').first().fadeIn(900, function () {
                            $('#slide2').find('h1').last().fadeIn(600);
                        });
                    });
                }

                //slide 3
                if (index == 3) {
                    //moving the image
                    $('#slide3').find('.intro').delay(100).animate({
                        left: '0%'
                    }, 1500, 'easeOutExpo', function () {
                        $('#slide3').find('p').first().fadeIn(700, function () {
                            $('#slide3').find('p').last().fadeIn(600);
                        });
                    });
                }

                deleteLog = true;
            }
        });

    });

Мне нужно после первой анимации на # slide2 я иду на вторую страницу запуска анимации # slide3 для этого раздела, но если я go вернусь - моя анимация для # slide2 позволяет начать снова, как мне это получить? Извините за мой плохой Энгли sh! Thx!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...