我正在使用 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'); }, });});
添加回答
举报
0/150
提交
取消