GreenSock - 在Chrome中無法點擊動畫鏈接後

Question

有非常奇怪的行爲，不僅僅在Google Chrome中工作，而且在Firefox中起作用。 我有一個只有側面頁面（沒有頂部和底部）的立方體 - 所以我有4頁，我旋轉他們90度左右。

這裏是在活生生的例子（一切都在頁面 - JS庫將從CDN拍攝，CSS是內聯，無圖像）： http://www.cloomo.com/problem

如何模擬錯誤：

• 啓動谷歌瀏覽器並轉到http://www.cloomo.com/problem
• 轉到第3頁（它有綠色背景），您將看到鏈接 「後退2」和「第4頁」不起作用，他們的文本甚至不能使用 老鼠。
• 您可以通過點擊「第2頁」>「第3頁」或「左」>「左」

你能幫我做這些鏈接點擊來第3頁？

CSS樣式或GreeSock庫中是否有錯誤？我找不到它，因爲沒有報道。

另一個問題：

是否有可能使其更加順暢？

Answer 1

你的問題不在於綠色空間動畫中，它在立方體本身。

當您設置

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

，然後旋轉立方體180度，立方體本身是隱藏的。

最重要的是，第三張臉旋轉了180度，這使得它成爲正面並且可以看到......但其中的錨不會被點擊（有些時候，Chrome會失去當父母不可見時處理鼠標事件），

正如你所說，這是一個Chromw特定問題，Firefox處理它確定。 （並且IE根本不處理背面的可視性）

但是，在您的設計中立方體不需要背面隱藏隱藏功能，所以放棄它，一切都會好的。