单击“浏览器后退”按钮运行动画

Question

请问，是否可以通过点击浏览器按钮来运行动画？怎么样？

我知道有可能通过一些Ajax操作，我相信。

这就是我现在所拥有的。

我有两个div，类 .wrapper 都是10％，并且在一个名为 .flatbed 的父div中并排坐着，宽度为1000％。

（一次只显示一个 .wrapper 类。）

现在，当我点击 #new_workspace （按钮）时，会发生这种情况

$('#new_workspace').click(function()
{
    $('.flatbed').animate({left:'-100%'}) 
});

这会将第一个 .wrapper 类发送到浏览器的视口左侧，并显示第二个 .wrapper 类。

我用

反转这个动画

    $('#back_to_workspace').click(function()
{
    $('.flatbed').animate({left:'0%'})

});

我现在的问题是，使用浏览器后退按钮触发此反向动画。 请帮忙 ：（ 感谢。

像这样http://www.marlene-portfolio.com/

Answer 1

您无法（浏览器安全限制）。您可以判断用户是否远离页面导航（onbeforeunload，onunload fire），但您无法告诉他们去哪里（后退，前进，其他网址等）。所以简而言之，它不可能完成你想要做的事情。