使用 jQuery animate 时，有没有办法隐藏 webkit 浏览器中显示的工件？

Question

我正在使用 jQuery animate 在网页上的项目中滑动。由于某种原因，只有在 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; 的

和一张较大的幻灯片（供您移动），那么整体上可能会带来更流畅的体验动画 scrollLeft() 而不是这些动画。

在 jQuery for Designers 上有一篇关于这一点的文章，我会在找到它后进行更新。

更新：“面向设计师的 jQuery - 溢出的乐趣”

Answer 3

我只在 H1 中看到动画的剩余部分，我认为这是由于使用非标准字体造成的。

这不是一个解决方案，但如果您无法阻止它，您只需将网页向上或向下滚动 1 个像素即可删除这些小混蛋。

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

Answer 4

@font-face 文本左侧的轨迹在 Chrome 和 Chrome 中使用 left 属性进行动画处理。野生动物园。我发现使用文本上留下的一些填充并调整动画以适应可以解决问题。