GreenSock - 在Chrome中无法点击动画链接

Question

非常奇怪的行为不仅适用于Google Chrome，而且适用于Firefox。 我有一个只有侧页的立方体（没有顶部和底部） - 所以我有4页，我将它们左右旋转90度。

这是LIVE示例（一切都在页面中 - JS库来自CDN，CSS是内联的，没有图像）： http://www.cloomo.com/problem

如何模拟错误：

• 启动Google Chrome并转到http://www.cloomo.com/problem
• 转到第3页（它有绿色背景），你会看到链接 “返回2”和“第4页”不起作用，他们的文字不能均匀 用鼠标选择。
• 您可以点击“第2页”＆gt;来到第3页。 “第3页”或“左”＆gt; “左”

你能帮助我点击这些链接吗？

CSS样式或GreeSock库中是否有错误？我找不到，因为没有报道。

另一个问题：

是否可以使其更加流畅？

Answer 1

你的问题不在绿色摇滚动画中，而是在立方体本身。

设置

时

.cube {
    -webkit-backface-visibility: hidden; 
    -moz-backface-visibility: hidden;
    backface-visibility: hidden; 
}

然后将立方体旋转180度，立方体本身就被隐藏了。

除此之外，第三张脸旋转了180度，这使得它成为正面并且可见......但是其中的锚点不会被点击（有些人如何，Chrome正在失去这种能力处理父项不可见时的鼠标事件，

正如你所说，这是一个特定于Chromw的问题，Firefox可以正常处理。 （并且IE根本不处理背面可见性）

但是，在设计中的立方体上不需要隐藏背面可见性，所以放下它，一切都会好的。