使用 Scrollify 获取上次查看的索引

Question

我正在使用 scrollify 来交换固定位置组件，并添加/删除类来为过渡设置动画。当您在滚动中前进时，我让一切正常工作，但是当您向上滚动以查看上一节时，它不会删除上一节，而上一节现在会在其后面进行动画处理。

我认为 prev 方法不会有用，因为它不会调用您所在的上一部分，假设您一直在前进，只会调用上一部分。

下面是我的代码，您可以向前移动就好了，但是尝试向后移动会出现问题，因为新的当前部分将加载到前一个部分之后，而前一个部分仍然可见。

var wrapper = $('.wrapper');

var currentPosition = 0;

$(wrapper).each(function(index) {

    if (currentPosition != index) {

        $(this).css('opacity', 0);

    } else if (currentPosition == index) {

        $(this).css('opacity', 1);

    }

});

$(function() {

    $.scrollify({

        section: ".wrapper",

        scrollSpeed: 700,

        setHeights: false,

        after: function(index, sections) {

            var prevWrapper = $.scrollify.current().prev();

            var currentWrapper = $.scrollify.current();

            var nextWrapper = $.scrollify.current().next();

            $(prevWrapper).removeClass('wrapper-enter').addClass('wrapper-leave');

            $(currentWrapper).removeClass('wrapper-leave').addClass('wrapper-enter');

        },

    });

});