Question

我正试图让一组div从右向左滑动 - 下一个 - 从左到右 - 为最后一个（上一个）。这是一个小提琴https://jsfiddle.net/8cjgswL8/125/

所有div的初始状态都是通过css完成的 - 在下面;

.pane
{
width: 80%;
height: 60%;

display: inline-block;

position: absolute;
top: 10%; left: 100%;

color:black;
background: #A9F5A9;
}

下一个div得到了这个javascript - 并且运行正常;

$(THIS_PAGE).stop().animate({
               left:"-100%"
        }, 500, function(){            
        });

        $(NEXT_PAGE).stop().animate({
            left:"10%"
            }, 500);

最后一次使用它;

$(THIS_PAGE).stop().animate({
            left:"-100%"
        }, 500, function(){         
        }); 

        $(LAST_PAGE).stop().animate({
            left:"10%"
        }, 500);

这种方法通过将正确的div放到正确的位置，但我想要实现的是下一个div从右到左（以及当前的一个退出到左边）和最后一个从右边进入（当前一个进入右边）。

此刻，当“最后一个”进入时，“当前”一个似乎仍然向左退出。

任何想法都会受到赞赏。

Answer 1

在单击最后一个按钮时动画THIS_PAGE时，除去减号。

$(THIS_PAGE).stop().animate({
            left:"100%"
        }, 500, function(){         
        }); 

        $(LAST_PAGE).stop().animate({
            left:"10%"
        }, 500);

.stop（）。animate（{left：“ - 100％”}，500，function（）

1 个答案: