1

我有一个很小的设置,两个 html 文件和一个 javascript 安装(http://www.fasw.ws/faswwp/non-jquery-page-transitions-lightweight/)。

这两个 html 文件中有 100% 的高度和宽度 div 和一个链接(每个链接指向另一个 html 文件以启动转换)。

该脚本似乎在启动开始时创建了两个 div,d1 和 d2,d1 设置为当前正文内容,d2 设置为目标 html 文件内容。然后 CSS 转换两个 div 以产生幻灯片效果,最后 javascript 获取 d2 内容并将其设置为 body 内容,然后再删除两个新 div。

问题是当 css 过渡开始时,字体略有变化(字符变大了一点,当我说一点时,我的意思是一点点但很明显)。过渡完成后,字体恢复正常。这会在字体上产生一种“跳跃”的感觉,当开始转换时,你会得到这个字体跳跃,然后它会跳回原来的大小。

它发生在 android 上的次数比 iOS 多得多。

我正在使用 Phonegap 运行应用程序,所以我相信网络浏览器是 webkit,Cordova。

谢谢你的帮助!!!我真的希望有人可以帮助解决这个问题。

我尝试在链接上设置过渡效果以阻止字体更改,例如 3d 设置等,我的研究表明,很多人都在谈论将这些项目放入硬件层,这样它们就不会变得模糊。

谢谢!

4

1 回答 1

0

在 android webview 中,转换是一件非常糟糕的事情。

某些版本的 android 正在创建某种截图,为图片设置动画,然后返回到真正的网络渲染器。对此您无能为力(如果您找到解决方案,请添加评论或答案)。

有时它有助于设置preserve3dtranslate(0,0)进入divs

于 2013-01-11T22:45:56.877 回答