Javascript 使用Velocity.js和JQuery~Glitching动画进行节转换时出现问题

你好

运行velocity.js transitions的页面出现性能问题

-单击容器上的任意位置以更改屏幕

所有这些都运行得非常顺利，可以前进到下一个屏幕，也可以通过“后退”按钮向后导航。但是，在我向后导航并尝试再次向前推进后，动画中出现了一个小故障

下面是我使用的jquery：

$('.next').click(function() {
$(this).parent().fadeOut(1000).nextAll().slice(0, 2).fadeIn(1000); //hide parent (section) and show the next one
$(this).prevAll().velocity('transition.slideDownOut', {
    stagger: 250
}); //stagger transition out all of .next's previous siblings
$(this).parent().next().children().velocity({
    delay: 750
}).velocity('transition.slideDownIn', {
    stagger: 250,
    backwards: true
}); //stagger transition in all of the next section's children after a delay });

您也可以在JSFIDLE上看到back按钮的脚本

.elmt

设置为

不透明度：0

，以确保它们最初是隐藏的

第二个两个屏幕，

div-3

和

div-4

最初设置为

display:none

，以便在

div-1

登录页面时不需要加载

有人能看到问题的原因吗

谢谢，周末快乐

只需删除：

backwards: true

阅读有关此属性的信息， 这里有一个例子，你可以做什么：

---

.

太好了！谢谢我没想到这会是个问题。但是，如果没有

向后

，动画项目将不会以我想要的顺序显示，底部元素将处于前导位置<代码>向后：正确处理了这个问题。有什么建议吗？