当前位置: 首页 > 知识库问答 >
问题:

在iOS设备上使用后退按钮时不触发CSS关键帧动画

温成济
2023-03-14

我正在运行一个关键帧动画在我的页面的主体元素淡入淡出背景的不透明度。淡入动画作为CSS规则直接在主体上运行,当单击特殊链接时,淡出通过为主体元素设置类来触发。该实现在Android Chrome浏览器,桌面Safari,Chrome,Firefox,IE11和Edge上运行良好。

null

我该怎么处理?我是否可以在返回时强制iOS设备重新加载页面?或者有别的办法处理?

共有1个答案

党航
2023-03-14

当你点击后退按钮时,Safari不会“重新加载”页面。一个常见的解决方法是在页面的页脚添加一些代码,以访问pageshow事件。然后你可以做一些类似的事情。

const reloadAnimation = () => $("#my-element").removeClass("run-animation").addClass("run-animation");
window.addEventListener('pageshow', reloadAnimation)
 类似资料:
  • 我有一个玩家活动和浮动玩家(服务),点击后退按钮后,玩家活动关闭,浮动玩家开始行动,当我点击浮动玩家时,我想回到玩家活动,但没有再次运行创建方法。 我在StackOver Flow中读到了很多解决方案,特别是使用FLAG\u ACTIVITY\u CLEAR\u TOP和FLAG\u ACTIVITY\u SINGLE\u TOP标志,或者将android:launchMode=“singleTa

  • 在我的应用程序中,我有一个EditText。当我聚焦这个元素时,会出现光标和键盘。当我知道按下后退按钮时,键盘消失,但元素保持聚焦,闪烁的光标仍然可见。 我试图用我在其他帖子上找到的代码来管理它,但它不起作用,我只是不明白这个事件。

  • 我正在制作一个有按钮的鼓应用程序,作为我的鼓。我想要的是按键会在按键时触发,这样用户就可以用键盘击鼓了。 我使用按钮的keyTyped事件来使用键执行声音。它工作得很好,但首先焦点需要首先在那个特定的按钮上,因此我不能在按键时触发这些单独的按钮,因为焦点只有一个按钮。 我能想到的解决方案是:在表单加载时应用多个焦点(如果可能),在按键时使用不同的方式触发按钮事件(而不是通过KeyListener和

  • 我做了一个动画为一些元素(图像和按钮)淡入淡出使用不透明度。除了Safari之外,它在所有浏览器上都能完美地工作。当我尝试在Safari中运行它时,我的所有元素都有100%的不透明度,没有任何动画可以看到… 来自button元素的示例: 以下是我的HTML: 和我的CSS:

  • 我正在开发一个应用程序使用Flutter。但是我被一种情况所困扰,Android设备有默认的后退按钮,而iPhone没有。所以当我在iOS设备上打开应用程序时,需要显示后退按钮。此外,如果有任何其他内置功能可用,请指导我。

  • 我有2个活动AAA和BBB。我使用startActivityForResult(Intent,int)从AAA调用BBB。在我完成BBB后,我按后退按钮返回AAA。在BBB中,我重写onPause(),并使用setResult(RESULT_OK)设置结果。 有人对这种行为有什么想法或者能更好地解释吗?