Question

我遇到一个奇怪的问题，无法找到合适的标签。问题是我为对象进入和离开页面定义了两个CSS动画。该代码可在装有Chrome浏览器的本地计算机上正常运行。但是，在装有Chrome的Android设备上，只有输入的动画有效。

CSS：

.left_in{
    left:0%;
    animation-name:LR;
    animation-duration:1s;
}
.left_out{
    left:-100%;
    animation-name:LR_out;
    animation-duration:1s;
}
@keyframes LR {
  from {left:-100%;}
  to {left:0%;}
}
@keyframes LR_out {
  from {left:0%;}
  to {left:-100%;}
}

输入对象时的JavaScript：

 $('#Lframe').addClass ("left_in");

离开对象时的JavaScript：

 $('#Lframe').removeClass ("left_in");
 $('#Lframe').addClass ("left_out");

您知道对象留在移动设备上是什么问题吗？

Answer 1

当您单击下一页时，此页面具有动画淡出功能，对吗？我认为这是不可能的。如果您的活动成功了。您的页面不得重新加载。 --*

CSS反向动画在使用同一浏览器的移动设备上不起作用

1 个答案: