javascript - 单击浏览器后退按钮运行动画

Question

请问，单击浏览器按钮是否可以运行动画？以及如何？

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

这是我现在拥有的。

我有两个 div 类 .wrapper 都是 10% 并且并排坐在父 div 中称为 .flatbed，宽度 1000%。

(一次只显示一个.wrapper类。)

现在，当我点击#new_workspace(一个按钮)时，会发生这种情况

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

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

我反转这个动画

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

});

我现在的问题是用浏览器后退按钮触发这个反向动画。请帮助 :(谢谢。

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

Answer 1

你不能(浏览器安全限制)。您可以判断用户是否离开页面(onbeforeunload、onunload fire)，但您无法判断他们去了哪里(后退、前进、另一个 url 等)。所以简而言之，不可能完成你想要做的事情。