我有一个简单的动画,其中2个图像和1个div移动。 相关网站是:sociometric.me
问题是,当动画启动时,包含“sociometric.me”文本的div会关闭,并且由于问题发生在移动设备上,我无法检查DOM。 使用chrome时不会出现此问题,但iOS Safari和Android Default浏览器似乎会出现此行为。
以下是动画代码的一部分:
动画代码:
$(".logo-text").animate({
left: "-=18em",
top: "+=10em",
opacity: "0"
}, 3000, function () {});
的CSS:
.logo-text {
position: relative;
bottom: 9em;
-ms-transform: rotate(-39deg); /* IE 9 */
-webkit-transform: rotate(-39deg); /* Safari */
transform: rotate(-39deg);
width: 14em;
letter-spacing: 0.4em;
font-family: GothicBold;
margin: 0 auto;
}
该网站主要用于移动设备,这就是为什么它在台式机上看起来很糟糕。任何有关这方面的帮助也表示赞赏......