CSS3 - transform：translateY（屏幕不顯示）

Question

我想從下往上添加一張幻燈片。

並添加起始位置：

transform:translateY(200%) 

如果滾動面積不是太大，工作正常。

transform:translate(-200%) 

工作更好，因爲它相對於頂部移動，並且該部分不能成長。

有沒有一個很好的解決方法呢？

使用

transform: translateY(50000px); 

，並可能會影響動畫因爲他們必須在更大的 區移動。

什麼是解決此問題的好方法？

---------- -----------編輯

事實上，它看起來好像滾動區域具有較大的平移Y意味着它越來越大從來沒有真正離開視口，這可能是這裏的問題。我不知道如何解決這個問題。

Answer 1

它看起來好像

 translate3D(-100%, 100%, 0); 

解決問題。