问题标签 [translate3d]

所以我知道 translate/translate3d 使用 GPU，但由于某种原因，它会导致大型图形在 iPad 上以块/块的形式呈现。使用翻译时，我很难找到任何说明图像最大宽度/高度的地方。

我希望能够在 transform 属性上使用 css 转换，但由于这个问题不能。即使是“top”属性上的 css 转换，其执行速度也比使用 jQuery.animate() 之类的东西要慢。

对此有何建议？

有人熟悉Zynga Scroller JS 库吗？

如何为可滚动区域设置默认偏移量？

我使用以下方法设置元素的 CSS：

假设我想要可滚动区域的偏移量为 200 像素，但代码在页面加载时会覆盖它，并快速回到 0 像素。当我硬编码 200px 偏移时，它会认为 200px 是起始位置并像边缘一样反弹回来。

有什么帮助吗？

我在 wrapper-div 中有两个 div。第一个通过 translate3d(50px, 50px, 50px) 位于包装器的前面，第二个通过 translate3d(50px, 50px, -50px) 位于包装器的后面。

我想将点击事件绑定到内部 div，但我无法点击位于包装器后面的 div。有人知道这个问题的解决方案吗？

js-fiddle（仅限 webkit）：http: //jsfiddle.net/rttmax/zrgdQ/16/

谢谢。最大时间

我有一个我正在开发的网络应用程序，它严重依赖于绝对定位、CSS 转换和 CSS 转换。

我的标记：

我的 CSS

您可以在http://jsfiddle.net/KjG3f/24/上看到它的实际效果

如果您在 Safari（桌面和 iOS）中查看示例，您会看到前景图像被背景裁剪。但是，在 Chrome 中，它似乎可以正常工作。

从背景中删除 translate3d() 似乎会导致渲染工作，但我需要 translate3d() 用于动画目的。

抢先感谢您的帮助。​</p>

考虑以下示例：http: //jsfiddle.net/jeanluca/s4Ppf/

#child 的初始宽度为 100px。现在，将其 200px 转换为 z 方向后，是否可以计算出宽度是多少？而不是做类似的事情

谢谢！

我一直在试验 jQuery animate 与 CSS3 animate，我还想测试 2D / 3D 转换，看看哪个更好。

有谁知道为什么我的 CSS3 translate3d 不起作用？我已经在台式机和移动设备上尝试过。

任何帮助表示赞赏

jsFiddle

HTML

CSS

jQuery

我使用同位素来布置一些项目。每个项目都包含一个弹出菜单。因为同位素用于translate3d布局和动画项目的菜单的堆叠顺序我们都搞砸了。后面的项目隐藏了前一个项目的菜单，即使项目有z-index: 1并且菜单有z-index: 2。有没有办法解决这个问题？

这是一个显示行为的示例（jsfiddle）：

CSS：

HTML：

我有一张传单地图，它使用-webkit-transform: translate3d.

假设我们有上面的代码并且foo位于map. 并且（及其边缘）上foo的所有项目都在某种程度上失去了原来的视图。map例如，文本变得略有不同。如果有一个 divmap在左边框上方有边框，有时（！？）可能会丢失。

这个错误是在我的 OS X chrome 上生成的。Safari似乎可以很好地呈现它。

FireFox 中存在一个错误，在该错误中，任何被翻译的父（或祖先）元素的 Flash 元素都不会被渲染。如果翻译被删除，它会立即出现。

这是一个例子：

我已经在 Chrome 中测试了相同的代码，它可以毫无问题地呈现，使用 HTML5 视频似乎是唯一的选择，但我想知道这是否可以修复。

谢谢

更新：

这里有一个错误报告 - https://bugzilla.mozilla.org/show_bug.cgi?id=819763#c0

我有以下CSS：

使用这个 html：

我第一次单击链接时没有过渡，但在所有后续单击（无论是打开还是关闭）时都会发生过渡。