有没有办法隐藏使用jQuery动画时出现在webkit浏览器中的工件？

我正在使用jQuery动画来滑动网页上的项目。 出于某种原因，仅在webkit浏览器中，元素被动画化的空间中存在一系列工件。 有没有办法阻止它发生或隐藏它？

一旦您在此处加载页面，就会在旋转木马上看到它们： http ： //www.mywebclass.org/~jeff/

Answer 1

在你的动画回调中，向下滚动1px然后向上滚动1px：

$(this).addClass('active'); scrollTo(document.body.scrollLeft, document.body.scrollTop + 1); scrollTo(document.body.scrollLeft, document.body.scrollTop - 1); 

Answer 2

在这台机器上，我看不到任何痕迹，但我知道你正在谈论的效果。

这不是一个直接的解决方案，但我似乎记得在较慢的系统上动画左边属性是非常耗费资源的。 如果您使用的是overflow:hidden;的

，它可能会带来整体更流畅的体验overflow:hidden; 设置了一个较大的幻灯片，您可以通过动画scrollLeft()而不是这些动画来移动。

有一个关于jQuery for Designers的post，我会在找到它后更新。

更新： “jQuery for Designers – Fun with Overflows”

Answer 3

我只看到H1中动画的剩余部分，我认为是使用非标准字体引起的。

这不是一个解决方案，但如果你无法阻止它，你可以通过向上或向下滚动网页1像素来删除那些小混蛋。

你也使用过时的jQuery版本（1.3而不是1.6.2），这是有原因的吗？ 如果没有，您应该使用最新版本

Answer 4

使用Chrome和Safari中的left属性设置@ font-face文本左侧的路径。 我发现在文本上留下一些填充并调整动画以适应修复问题。