请问,单击浏览器按钮是否可以运行动画?以及如何?
我知道可以通过一些 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%'})
});
我现在的问题是用浏览器后退按钮触发这个反向动画。 请帮助 :( 谢谢。
最佳答案
你不能(浏览器安全限制)。您可以判断用户是否离开页面(onbeforeunload、onunload fire),但您无法判断他们去了哪里(后退、前进、另一个 url 等)。所以简而言之,不可能完成你想要做的事情。
关于javascript - 单击浏览器后退按钮运行动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8298161/